@extends('layouts.admin.index')
@section('content')

<div class="row">
    <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">
                    Add Collection
                </h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <!-- 1st row  -->
                <div class="row">

                    <div class="row d-flex gap-1 ">
                        <div class="col-md-3 col-sm-12 col-lg-3 col-xl-3 text-left">
                            <label class="form-label">{{__('cruds.customer_file_code_name')}} (<span
                                    class="required">*</span>)</label>
                        </div>
                        <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5  text-left">
                            <select class="form-control select2  {{ $errors->has('file_no') ? 'is-invalid' : '' }}"
                                name="file_no" id="file_no" required>
                                <option value="">{{ __('cruds.select') }}</option>
                                @foreach ($bookings as $booking)
                                <option value="{{ $booking->file_no}}">
                                    {{ $booking->file_no??'' }}
                                    @if($booking->customer)
                                    {{-- {{ $booking->customer->customer_code }} - --}}
                                    - {{ $booking->customer->firstname }} {{ $booking->customer->lastname }}
                                    @endif
                                </option>
                                @endforeach
                            </select>
                            @if($errors->has('file_no'))
                            <em class="invalid-feedback">
                                {{ $errors->first('file_no') }}
                            </em>
                            @endif
                        </div>
                    </div>

                </div>


                <div class="row text-center">
                    <div class="mt-4">
                        <button class="btn ripple btn-success" id="search_btn"
                            type="button">{{__('cruds.submit')}}</button>
                    </div>

                </div>
                <div class="search_result"></div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
validateSummernote('sales_manager_agentForm');
$(document).on('click', '#search_btn', function() {
    var file_no = $('#file_no').val();
    var data = {
        file_no: file_no,
        _token: '{{ csrf_token() }}'
    };
    if (!file_no) {
        return;
    }
    var url = "{{ route('admin.customer_collection.search') }}"
    var method = 'POST';
    $.ajax({
        url: url,
        method: method,
        type: 'html',
        data: data,
        success: function(data) {
            $('.search_result').html('');
            $('.search_result').html(data);
        }
    })

});
</script>

@endsection