@extends('seller.layouts.app')

@section('panel_content')
    <div class="card">
        <form class="" id="sort_customers" action="" method="GET">
            <div class="card-header row gutters-5">
                <div class="col">
                    <h5 class="mb-0 h6">{{ translate('Customer Inqueries') }}</h5>
                </div>
            </div>
           @if (count($inquiries) > 0)
            <div class="card-body p-3">
                <table class="table aiz-table mb-0">
                    <thead>
                        <tr>
                            <th>{{ translate('Customer Name')}}</th>
                            <th>{{ translate('Customer location')}}</th>
                            <th>{{ translate('Customer Phone')}}</th>
                            <th>{{ translate('Customer Email')}}</th>
                            <th data-breakpoints="lg">{{ translate('Product Name')}}</th>
                            <th data-breakpoints="lg">{{ translate('Seller Count')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($inquiries as $notification)
                           
                                <tr>
                                    <td>{{ isset($notification->buyer_name) ? $notification->buyer_name : ''  }}</td>
                                    <td>{{ $notification->city, $notification->state }}, {{ $notification->district }}, {{ $notification->state }}, {{ $notification->pincode }}</td>
                                    <td>{{ $notification->buyer_phone }}</td>
                                    <td>{{ $notification->buyer_email }}</td>
                                    <td>{{isset($notification->product_name) ? $notification->product_name : '' }}"</td>
                                    <td>
                                        @php 
                                        $latitude=isset($notification->latitude) ? $notification->latitude : '1.0000'; 
                                        $longitude=isset($notification->longitude) ? $notification->longitude : '1.0000'; 
                                        $sellerCount=getSellerCount($latitude,$longitude);
                                        @endphp
                                      
                                            <button type="button" class="btn bg-purple-btn" data-toggle="tooltip" data-placement="top">
                                              {{$sellerCount['getSellerCount']}}
                                            </button>
                                    </td>
                                </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="aiz-pagination">
                    {{ $inquiries->links() }}
                </div>
            </div>
        @endif

        </form>
    </div>
@endsection

@section('modal')
    <div class="modal fade" id="order_details" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div id="order-details-modal-body">

                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
        function show_order_details(order_id) {
            $('#order-details-modal-body').html(null);

            if (!$('#modal-size').hasClass('modal-lg')) {
                $('#modal-size').addClass('modal-lg');
            }

            $.post('{{ route('orders.details') }}', {
                _token: AIZ.data.csrf,
                order_id: order_id
            }, function(data) {
                $('#order-details-modal-body').html(data);
                $('#order_details').modal();
                $('.c-preloader').hide();
            });
        }

        function sort_orders(el) {
            $('#sort_orders').submit();
        }
    </script>
@endsection