@extends('seller.layouts.app')

@section('panel_content')
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{ translate('Inquery Detail') }}</h5>
            <a href="{{ route('seller.all-notification') }}" class="btn btn-primary">Back</a>
        </div>
        <div class="card-body">
            <div class="form-group row">
                <label class="col-md-3 col-from-label">{{ translate('Product Name/Service Name') }}</label>
                <div class="col-md-8">
                    <input type="text" class="form-control" name="product_name"
                        placeholder="{{ translate('Product Name') }}" value="{{ $data->product_name }}" disabled>
                </div>

            </div>
            <div class="form-group row">
                <label class="col-md-3 col-from-label">{{ translate('Customer Name') }}</label>
                <div class="col-md-8">
                    <input type="text" class="form-control" name="buyer_name"
                        placeholder="{{ translate('Customer Name') }}" value="{{ $data->buyer_name }}" disabled>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-md-3 col-from-label">{{ translate('Customer location') }}</label>
                <div class="col-md-8">
                    <input type="text" class="form-control" name="location"
                        placeholder="{{ translate('Customer location') }}"
                        value="{{ $data->city, $data->state }}, {{ $data->district }}, {{ $data->state }}, {{ $data->pincode }}"
                        disabled>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-md-3 col-from-label">{{ translate('Customer Number') }}</label>
                <div class="col-md-8">
                    <input type="text" class="form-control" name="buyer_phone"
                        placeholder="{{ translate('Contact Number') }}" value="{{ $data->buyer_phone }}" disabled>
                </div>
            </div>
            @if ($data->buyer_email)
            <div class="form-group row">
                <label class="col-md-3 col-from-label">{{ translate('Customer Email') }}</label>
                <div class="col-md-8">
                    <input type="text" class="form-control" name="buyer_email"
                        placeholder="{{ translate('Customer Email') }}" value="{{ $data->buyer_email }}" disabled>
                </div>
            </div>
                
            @endif
        </div>
    </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