@extends('front.master.master')

@section('contect')
<div class="container mt-3">
        <h3 class="subheader-title">
            <i class='subheader-icon fal fa-table'></i> Search Vehicles
        </h3>
    <div class="row">
        <div class="col-xl-12">
            <div class="card-body">
                <form >
                    {{-- <div class="form-group row">
                        <label for="insurance_id" class="col-md-4 col-form-label text-md-right">Insurance Company</label>

                        <div class="col-md-6">
                            <select class="form-control" name="insurance_id" id="insurance_id">
                                <option value="0">Not Insured</option>
                            </select>

                        </div>
                    </div> --}}
                    <div class="form-group row">
                        <label for="policy_no" class="col-md-4 col-form-label text-md-right">Find Car : </label>
                        <p id="name" style="display: none">{{ $name }}</p>
                        <div class="col-md-6">
                            <input id="policy_no" type="text" placeholder="EngineNo/ChassisNo"  class="form-control " name="policy_no" autocomplete="policy_no">
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-6 offset-md-4">
                            <button type="button" id="btn-submit" class="btn get-started-btn">
                                Submit
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="row" id="searchResult">
    </div>
</div>


<!---->


<!---->




<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#btn-submit").click(function(){
            var number = $('#policy_no').val();
            var name = $('#name').html();
            // console.log(data);
            $.get("/search/"+number+"/"+name,function(data){
                console.log(data);
                $("#searchResult").html(data);
            });
        });
    });
</script>


@endsection