@extends('layouts.app')
@section('title', __('contact.view_contact'))

@section('content')
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="{{action([\App\Http\Controllers\ContactController::class, 'index'], ['type' => 'customer'])}}">
                <i class="fa fas fa-address-book text-sm-i opacity-10"></i> @lang('contact.contacts')
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white" aria-current="page">
                @lang('contact.view_contact')
            </li>
          </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content no-print">
    <div class="pad-15">
        <div class="row no-print">
            <div class="col-md-12">
                <div class="card z-index-2 h-100 shadow-lg">
                    <div class="card-header pb-0 pt-3 bg-transparent">
                         <h5 class="text-capitalize">
                        <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
                        <i class="fa fa-eye text-primary text-lg opacity-10"></i>
                        </span> @lang('contact.view_contact') </h5>
                        
                    </div>
                    <div class="card-tools mt-60">
                        <div class="col-md-4 col-xs-12 mt-15 pull-right">
                            {!! Form::select('contact_id', $contact_dropdown, $contact->id , ['class' => 'form-control select2', 'id' => 'contact_id']); !!}
                        </div>
                     </div>
                    <div class="card-body p-3">
                         <div class="hide print_table_part">
                            <div class="row">
                                <div class="col-md-3 col-xs-12">
                                        @include('contact.contact_basic_info')
                                </div>
                                 <div class="col-md-3 col-xs-12">
                                    
                                       @include('contact.contact_more_info')
                                 </div>
                                  <div class="col-md-3 col-xs-12">
                                       @if( $contact->type != 'customer')  
                                                @include('contact.contact_tax_info')
                                        @endif
                                  </div>
                                  <div class="col-md-3 col-xs-12"> 
                                    
                                        @include('contact.contact_payment_info')
                                  </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
        <input type="hidden" id="sell_list_filter_customer_id" value="{{$contact->id}}">
        <input type="hidden" id="purchase_list_filter_supplier_id" value="{{$contact->id}}">
        <br>
        <div class="row">
            <div class="col-md-12">
                <div class="card card-b-shadow mb-20">
                    <div class="card-body p-3">
                        @include('contact.partials.contact_info_tab')
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card card-b-shadow mb-20">
                    <div class="card-body p-3">
                        <div class="">
                            <ul class="nav nav-tabs nav-linetriangle no-hover-bg">
                                <li class="
                                        @if(!empty($view_type) &&  $view_type == 'ledger')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                    <a class="
                                         @if(!empty($view_type) &&  $view_type == 'ledger')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#ledger_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-scroll" aria-hidden="true"></i> @lang('lang_v1.ledger')</a>
                                </li>
                                @if(in_array($contact->type, ['both', 'supplier']))
                                    <li class="
                                        @if(!empty($view_type) &&  $view_type == 'purchase')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                        <a class="
                                        @if(!empty($view_type) &&  $view_type == 'purchase')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#purchases_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-arrow-circle-down" aria-hidden="true"></i> @lang( 'purchase.purchases')</a>
                                    </li>
                                    <li class="
                                        @if(!empty($view_type) &&  $view_type == 'stock_report')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                        <a class="
                                        @if(!empty($view_type) &&  $view_type == 'stock_report')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#stock_report_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-hourglass-half" aria-hidden="true"></i> @lang( 'report.stock_report')</a>
                                    </li>
                                @endif
                                @if(in_array($contact->type, ['both', 'customer']))
                                    <li class="
                                        @if(!empty($view_type) &&  $view_type == 'sales')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                        <a class="
                                        @if(!empty($view_type) &&  $view_type == 'sales')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#sales_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-arrow-circle-up" aria-hidden="true"></i> @lang( 'sale.sells')</a>
                                    </li>
                                    @if(in_array('subscription', $enabled_modules))
                                        <li class="
                                            @if(!empty($view_type) &&  $view_type == 'subscriptions')
                                                nav-item active
                                            @else
                                                nav-item 
                                            @endif">
                                            <a class="
                                            @if(!empty($view_type) &&  $view_type == 'subscriptions')
                                                nav-link active
                                            @else
                                                nav-link 
                                            @endif" href="#subscriptions_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-recycle" aria-hidden="true"></i> @lang( 'lang_v1.subscriptions')</a>
                                        </li>
                                    @endif
                                @endif
                                <li class="
                                        @if(!empty($view_type) &&  $view_type == 'documents_and_notes')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif
                                        ">
                                    <a class="
                                        @if(!empty($view_type) &&  $view_type == 'documents_and_notes')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif
                                        " href="#documents_and_notes_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-paperclip" aria-hidden="true"></i> @lang('lang_v1.documents_and_notes')</a>
                                </li>
                                <li class="
                                        @if(!empty($view_type) &&  $view_type == 'payments')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                    <a class="
                                        @if(!empty($view_type) &&  $view_type == 'payments')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#payments_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-money-bill-alt" aria-hidden="true"></i> @lang('sale.payments')</a>
                                </li>

                                @if( in_array($contact->type, ['customer', 'both']) && session('business.enable_rp'))
                                    <li class="
                                        @if(!empty($view_type) &&  $view_type == 'reward_point')
                                            nav-item active
                                        @else
                                            nav-item 
                                        @endif">
                                        <a class="
                                        @if(!empty($view_type) &&  $view_type == 'reward_point')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#reward_point_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-gift" aria-hidden="true"></i> {{ session('business.rp_name') ?? __( 'lang_v1.reward_points')}}</a>
                                    </li>
                                @endif

                                <li class="
                                    @if(!empty($view_type) &&  $view_type == 'activities')
                                        nav-item active
                                    @else
                                        nav-item 
                                    @endif">
                                    <a class="
                                        @if(!empty($view_type) &&  $view_type == 'activities')
                                            nav-link active
                                        @else
                                            nav-link 
                                        @endif" href="#activities_tab" data-toggle="tab" aria-expanded="true"><i class="fas fa-tasks" aria-hidden="true"></i> @lang('lang_v1.activities')</a>
                                </li>

                                @if(!empty($contact_view_tabs))
                                    @foreach($contact_view_tabs as $key => $tabs)
                                        @foreach ($tabs as $index => $value)
                                            @if(!empty($value['tab_menu_path']))
                                                @php
                                                    $tab_data = !empty($value['tab_data']) ? $value['tab_data'] : [];
                                                @endphp
                                                @include($value['tab_menu_path'], $tab_data)
                                            @endif
                                        @endforeach
                                    @endforeach
                                @endif
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane
                                    @if(!empty($view_type) &&  $view_type == 'ledger')
                                        active
                                    @else
                                        ''
                                    @endif"
                                    id="ledger_tab">
                                    <div class="row mb-20 mt-20">
                                        <div class="col-md-12 col-xs-12">
                                            @include('contact.partials.ledger_tab')
                                        </div>
                                    </div>
                                </div>
                                @if(in_array($contact->type, ['both', 'supplier']))
                                    <div class="tab-pane
                                        @if(!empty($view_type) &&  $view_type == 'purchase')
                                            active
                                        @else
                                            ''
                                        @endif"
                                        id="purchases_tab">
                                        <div class="row mb-20 mt-20">
                                            <div class="col-md-3 col-xs-12">
                                                <div class="form-group">
                                                    {!! Form::label('purchase_list_filter_date_range', __('report.date_range') . ':') !!}
                                                    {!! Form::text('purchase_list_filter_date_range', null, ['placeholder' => __('lang_v1.select_a_date_range'), 'class' => 'form-control bd-rd-7', 'readonly']); !!}
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="col-md-12"> <hr class="line-light"></div>
                                            <div class="col-md-12 mt-20">
                                                @include('purchase.partials.purchase_table')
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane 
                                        @if(!empty($view_type) &&  $view_type == 'stock_report')
                                            active
                                        @else
                                            ''
                                        @endif" id="stock_report_tab">
                                        <div class="row mb-20 mt-20">
                                            <div class="col-md-12">
                                                @include('contact.partials.stock_report_tab')
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($contact->type, ['both', 'customer']))
                                    <div class="tab-pane 
                                        @if(!empty($view_type) &&  $view_type == 'sales')
                                            active
                                        @else
                                            ''
                                        @endif"
                                        id="sales_tab">
                                        <div class="row mb-20 mt-20">
                                            <div class="col-md-12">                                           
                                                @include('sell.partials.sell_list_filters', ['only' => ['sell_list_filter_payment_status', 'sell_list_filter_date_range', 'only_subscriptions']])   
                                            </div>
                                            <div class="col-md-12"><hr class="line-light"></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                @include('sale_pos.partials.sales_table')
                                            </div>
                                        </div>
                                    </div>
                                    @if(in_array('subscription', $enabled_modules))
                                         @include('contact.partials.subscriptions')
                                    @endif
                                @endif
                                <div class="tab-pane
                                        @if(!empty($view_type) &&  $view_type == 'documents_and_notes')
                                            active
                                        @else
                                            ''
                                        @endif"
                                    id="documents_and_notes_tab">
                                    <div class="row mb-20">
                                        <div class="col-md-12">
                                            @include('contact.partials.documents_and_notes_tab')
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane 
                                    @if(!empty($view_type) &&  $view_type == 'payments')
                                        active
                                    @else
                                        ''
                                    @endif" id="payments_tab">
                                    <div class="row mt-20 mb-20">
                                        <div class="col-md-12">
                                            <div id="contact_payments_div" 
                                                style="height: 500px;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @if( in_array($contact->type, ['customer', 'both']) && session('business.enable_rp'))
                                    <div class="tab-pane
                                        @if(!empty($view_type) &&  $view_type == 'reward_point')
                                            active
                                        @else
                                            ''
                                        @endif"
                                        id="reward_point_tab">
                                        <br>
                                        <div class="row mb-20 mt-20">
                                            @if($reward_enabled)
                                                <div class="col-md-3">
                                                    <div class="info-box bg-yellow">
                                                        <span class="info-box-icon"><i class="fa fa-gift"></i></span>

                                                        <div class="info-box-content">
                                                          <span class="info-box-text">{{session('business.rp_name')}}</span>
                                                          <span class="info-box-number">{{$contact->total_rp ?? 0}}</span>
                                                        </div>
                                                        <!-- /.info-box-content -->
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="col-md-12">
                                                <div class="table-responsive">
                                                    <table class="table align-items-center mb-0 full-width" 
                                                    id="rp_log_table">
                                                        <thead class="thead-light">
                                                            <tr>
                                                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.date')</th>
                                                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('sale.invoice_no')</th>
                                                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.earned')</th>
                                                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.redeemed')</th>
                                                            </tr>
                                                        </thead>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <div class="tab-pane"
                                    id="activities_tab">
                                    <div class="row mb-20 mt-20">
                                        <div class="col-md-12">
                                            @include('activity_log.activities')
                                        </div>
                                    </div>
                                </div>

                                @if(!empty($contact_view_tabs))
                                    @foreach($contact_view_tabs as $key => $tabs)
                                        @foreach ($tabs as $index => $value)
                                            @if(!empty($value['tab_content_path']))
                                                @php
                                                    $tab_data = !empty($value['tab_data']) ? $value['tab_data'] : [];
                                                @endphp
                                                @include($value['tab_content_path'], $tab_data)
                                            @endif
                                        @endforeach
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /.content -->
<div class="modal fade payment_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade edit_payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade pay_contact_due_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel"></div>
<div class="modal fade" id="edit_ledger_discount_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel">
</div>
@include('ledger_discount.create')

@stop
@section('javascript')
<script type="text/javascript">
$(document).ready( function(){
    $('#ledger_date_range').daterangepicker(
        dateRangeSettings,
        function (start, end) {
            $('#ledger_date_range').val(start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format));
        }
    );
    $('#ledger_date_range, #ledger_location').change( function(){
        get_contact_ledger();
    });
    get_contact_ledger();

    rp_log_table = $('#rp_log_table').DataTable({
        processing: true,
        serverSide: true,
        aaSorting: [[0, 'desc']],
        ajax: '/sells?customer_id={{ $contact->id }}&rewards_only=true',
        columns: [
            { data: 'transaction_date', name: 'transactions.transaction_date'  },
            { data: 'invoice_no', name: 'transactions.invoice_no'},
            { data: 'rp_earned', name: 'transactions.rp_earned'},
            { data: 'rp_redeemed', name: 'transactions.rp_redeemed'},
        ]
    });

    supplier_stock_report_table = $('#supplier_stock_report_table').DataTable({
        processing: true,
        serverSide: true,
        'ajax': {
            url: "{{action([\App\Http\Controllers\ContactController::class, 'getSupplierStockReport'], [$contact->id])}}",
            data: function (d) {
                d.location_id = $('#sr_location_id').val();
            }
        },
        columns: [
            { data: 'product_name', name: 'p.name'  },
            { data: 'sub_sku', name: 'v.sub_sku'  },
            { data: 'purchase_quantity', name: 'purchase_quantity', searchable: false},
            { data: 'total_quantity_sold', name: 'total_quantity_sold', searchable: false},
            { data: 'total_quantity_transfered', name: 'total_quantity_transfered', searchable: false},
            { data: 'total_quantity_returned', name: 'total_quantity_returned', searchable: false},
            { data: 'current_stock', name: 'current_stock', searchable: false},
            { data: 'stock_price', name: 'stock_price', searchable: false}
        ],
        fnDrawCallback: function(oSettings) {
            __currency_convert_recursively($('#supplier_stock_report_table'));
        },
    });

    $('#sr_location_id').change( function() {
        supplier_stock_report_table.ajax.reload();
    });

    $('#contact_id').change( function() {
        if ($(this).val()) {
            window.location = "{{url('/contacts')}}/" + $(this).val();
        }
    });

    $('a[href="#sales_tab"]').on('shown.bs.tab', function (e) {
        sell_table.ajax.reload();
    });

    //Date picker
    $('#discount_date').datetimepicker({
        format: moment_date_format + ' ' + moment_time_format,
        ignoreReadonly: true,
    });

    $(document).on('submit', 'form#add_discount_form, form#edit_discount_form', function(e) {
        e.preventDefault();
        var form = $(this);
        var data = form.serialize();

        $.ajax({
            method: 'POST',
            url: $(this).attr('action'),
            dataType: 'json',
            data: data,
            success: function(result) {
                if (result.success === true) {
                    $('div#add_discount_modal').modal('hide');
                    $('div#edit_ledger_discount_modal').modal('hide');
                    toastr.success(result.msg);
                    form[0].reset();
                    form.find('button[type="submit"]').removeAttr('disabled');
                    get_contact_ledger();
                } else {
                    toastr.error(result.msg);
                }
            },
        });
    });

    $(document).on('click', 'button.delete_ledger_discount', function() {
        swal({
            title: LANG.sure,
            icon: 'warning',
            buttons: true,
            dangerMode: true,
        }).then(willDelete => {
            if (willDelete) {
                var href = $(this).data('href');
                var data = $(this).serialize();

                $.ajax({
                    method: 'DELETE',
                    url: href,
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            get_contact_ledger();
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            }
        });
    });
});

$(document).on('shown.bs.modal', '#edit_ledger_discount_modal', function(e){
    $('#edit_ledger_discount_modal').find('#edit_discount_date').datetimepicker({
        format: moment_date_format + ' ' + moment_time_format,
        ignoreReadonly: true,
    });
})

$("input.transaction_types, input#show_payments").on('ifChanged', function (e) {
    get_contact_ledger();
});

$(document).on('change', 'input[name="ledger_format"]', function(){
    get_contact_ledger();
})

$(document).one('shown.bs.tab', 'a[href="#payments_tab"]', function(){
    get_contact_payments();
})

$(document).on('click', '#contact_payments_pagination a', function(e){
    e.preventDefault();
    get_contact_payments($(this).attr('href'));
})

function get_contact_payments(url = null) {
    if (!url) {
        url = "{{action([\App\Http\Controllers\ContactController::class, 'getContactPayments'], [$contact->id])}}";
    }
    $.ajax({
        url: url,
        dataType: 'html',
        success: function(result) {
            $('#contact_payments_div').fadeOut(400, function(){
                $('#contact_payments_div')
                .html(result).fadeIn(400);
            });
        },
    });
}

function get_contact_ledger() {

    var start_date = '';
    var end_date = '';
    var transaction_types = $('input.transaction_types:checked').map(function(i, e) {return e.value}).toArray();
    var show_payments = $('input#show_payments').is(':checked');
    var location_id = $('#ledger_location').val();

    if($('#ledger_date_range').val()) {
        start_date = $('#ledger_date_range').data('daterangepicker').startDate.format('YYYY-MM-DD');
        end_date = $('#ledger_date_range').data('daterangepicker').endDate.format('YYYY-MM-DD');
    }

    var format = $('input[name="ledger_format"]:checked').val();
    var data = {
        start_date: start_date,
        transaction_types: transaction_types,
        show_payments: show_payments,
        end_date: end_date,
        format: format,
        location_id: location_id
    }
    $.ajax({
        url: '/contacts/ledger?contact_id={{$contact->id}}',
        data: data,
        dataType: 'html',
        success: function(result) {
            $('#contact_ledger_div')
                .html(result);
            __currency_convert_recursively($('#contact_ledger_div'));

            $('#ledger_table').DataTable({
                searching: false,
                ordering:false,
                paging:false,
                dom: 't'
            });
        },
    });
}

$(document).on('click', '#send_ledger', function() {
    var start_date = $('#ledger_date_range').data('daterangepicker').startDate.format('YYYY-MM-DD');
    var end_date = $('#ledger_date_range').data('daterangepicker').endDate.format('YYYY-MM-DD');
    var format = $('input[name="ledger_format"]:checked').val();

    var location_id = $('#ledger_location').val();

    var url = "{{action([\App\Http\Controllers\NotificationController::class, 'getTemplate'], [$contact->id, 'send_ledger'])}}" + '?start_date=' + start_date + '&end_date=' + end_date + '&format=' + format + '&location_id=' + location_id;

    $.ajax({
        url: url,
        dataType: 'html',
        success: function(result) {
            $('.view_modal')
                .html(result)
                .modal('show');
        },
    });
})

$(document).on('click', '#print_ledger_pdf', function() {
    var start_date = $('#ledger_date_range').data('daterangepicker').startDate.format('YYYY-MM-DD');
    var end_date = $('#ledger_date_range').data('daterangepicker').endDate.format('YYYY-MM-DD');

    var format = $('input[name="ledger_format"]:checked').val();

    var location_id = $('#ledger_location').val();

    var url = $(this).data('href') + '&start_date=' + start_date + '&end_date=' + end_date + '&format=' + format + '&location_id=' + location_id;
    window.open(url);
});

</script>
@include('sale_pos.partials.sale_table_javascript')
<script src="{{ asset('js/payment.js?v=' . $asset_v) }}"></script>
@if(in_array($contact->type, ['both', 'supplier']))
    <script src="{{ asset('js/purchase.js?v=' . $asset_v) }}"></script>
@endif

<!-- document & note.js -->
@include('documents_and_notes.document_and_note_js')
@if(!empty($contact_view_tabs))
    @foreach($contact_view_tabs as $key => $tabs)
        @foreach ($tabs as $index => $value)
            @if(!empty($value['module_js_path']))
                @include($value['module_js_path'])
            @endif
        @endforeach
    @endforeach
@endif

<script type="text/javascript">
    $(document).ready( function(){
        $('#purchase_list_filter_date_range').daterangepicker(
            dateRangeSettings,
            function (start, end) {
                $('#purchase_list_filter_date_range').val(start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format));
               purchase_table.ajax.reload();
                setTimeout(function () {
                     purchase_table.columns.adjust();
                },200);
            }
        );
        $('#purchase_list_filter_date_range').on('cancel.daterangepicker', function(ev, picker) {
            $('#purchase_list_filter_date_range').val('');
            purchase_table.ajax.reload();
             setTimeout(function () {
                 purchase_table.columns.adjust();
            },200);
        });
    });
</script>
@include('sale_pos.partials.subscriptions_table_javascript', ['contact_id' => $contact->id])
@endsection