@include('frontEnd.header')


    <div class="row">
        <div class="col-lg-12">
            <div class="card card-outline-info">
                <div class="card-header">
                    <h4 class="card-title">{{ __('Search Customer') }}</h4>
                   
                </div>
                <div class="card-body p-4">
               
                            <div class="row">
                                @can('customer-create')
                                 
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Search Customer</h4>
                                    </div>
                                    <div class="card-body">
                                    <form method="POST" action="{{ route('customer.searchResult') }}" enctype="multipart/form-data">
                                    @csrf
                                    @method('POST')
                                             
                                            <div class="mb-3">
                                                <label class="form-label" for="formrow-firstname-input">Full Name</label>
                                                <input type="text" class="form-control @error('search_text') is-invalid @enderror" id="search_text" name="search_text" value="{{ $search_text ?? '' }}" placeholder="Search by Vehicle No. / Mobile No." required>
                                                @include('admin.partials.form-errors', array('field' => 'search_text'))
                                            </div>
                                           

                                            
            
                                            <div class="mt-4">
                                                <button type="submit" class="btn btn-primary w-md">Submit</button>
                                            </div>
                                    </form>
                                    </div>
                                </div>
                            </div>


                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Search Result</h4>
                                    </div>
                                    <div class="card-body">
                                        @if(isset($customer))
                                    Customer Name: {{$customer->name}}
                                                                                        @foreach($vehicles as $veh)  
                                            {{$i++}}
                                            Vehicle No. - {{$veh->vehicle_no}}
                                             <a href="{{ route('custIssue.index', ['vehicle' => $veh->id, 'customer' => $veh->customer_id]) }}">Add Issue</a>
                                            @endforeach
                                        @else
                                        No Record Found
                                        @endif

                                    </div>
                                </div>
                            </div>
                           
                            @endcan
                            <!-- end col -->
                            
                            <!-- end col -->
                        </div>
                </div>
            </div>
        </div>
    </div>
    <!-- JAVASCRIPT -->
        <script src="{{url('/')}}/assets/libs/jquery/jquery.min.js"></script>
        <script src="{{url('/')}}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="{{url('/')}}/assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="{{url('/')}}/assets/libs/simplebar/simplebar.min.js"></script>
        <script src="{{url('/')}}/assets/libs/node-waves/waves.min.js"></script>
        <script src="{{url('/')}}/assets/libs/feather-icons/feather.min.js"></script>
        <!-- pace js -->
        <script src="{{url('/')}}/assets/libs/pace-js/pace.min.js"></script>

        <!-- apexcharts -->
        <script src="{{url('/')}}/assets/libs/apexcharts/apexcharts.min.js"></script>

        <!-- Plugins js-->
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
        <!-- dashboard init -->
        <script src="{{url('/')}}/assets/js/pages/dashboard.init.js"></script>

        <script src="{{url('/')}}/assets/js/app.js"></script>