@extends('layouts/layoutMaster')

@section('title', 'Price Evaluation')

<!-- Vendor Styles -->
@section('vendor-style')
@vite([
  'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
  'resources/assets/vendor/libs/select2/select2.scss',
  'resources/assets/vendor/libs/@form-validation/form-validation.scss',
  'resources/assets/vendor/libs/animate-css/animate.scss',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss'
])
@endsection

<!-- Vendor Scripts -->
@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
  'resources/assets/vendor/libs/select2/select2.js',
  'resources/assets/vendor/libs/@form-validation/popular.js',
  'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
  'resources/assets/vendor/libs/@form-validation/auto-focus.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.js'
])
@endsection

<!-- Page Scripts -->
@section('page-script')
@vite(['resources/js/price_evaluation.js'])
@endsection

@section('content')
@if(auth()->user()->partner_id)
@if($remainingCredit > 0)
<h4 class="text-primary">You have {{ $remainingCredit }} remaining credit </h4>
@elseif($allowedUnlimited)
@else
<h4 class="text-danger">Your credit limit reached. Contact Management! </h4>
@endif

@endif
<section id="data-list-view" class="data-table-custom">
    @if (Permit::isPermit(Route::current()->uri(),'create') && $allowEvaluate)
    <form action="/admin/price-evaluation" id="evaluation-form" class="form-horizontal" id="evaluate-form" method="POST" autocomplete="off" enctype="multipart/form-data">
        @csrf
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-content">
                    <div class="card-body card-dashboard">
                        {{-- vehicle Price Evaluation --}}
                        <div class="row">
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vin')}}  @if(auth()->user()->partner_id) <sup class="text-danger">*</sup> @endif</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                        <input type="text" name="vin" class="form-control" id="vin" @if(auth()->user()->partner_id) required  @endif value="{{old('vin')}}" oninput="validateVin()">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                        <div id="vin-status" class="mt-2"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        {{-- <span>{{__('Vin')}}</span> --}}
                                        <span class="text-danger" id="alert-error"></span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="hidden" name="evaluate_with_vin" id="evaluate_with_vin" value="0">
                                            <input type="hidden" name="evaluate_with_vin_trim_id" id="evaluate_with_vin_trim_id" value="0">
                                            <input type="hidden" name="evaluate_with_vin_year_id" id="evaluate_with_vin_year_id" value="0">
                                            <input type="hidden" name="evaluate_with_vin_model_id" id="evaluate_with_vin_model_id" value="0">
                                            <input type="hidden" name="evaluate_with_vin_make_id" id="evaluate_with_vin_make_id" value="0">
                                            <span id="btn-vin-evaluate" class="btn btn-primary">Evaluate with VIN</span>
                                            {{-- <span id="btn-fill" class="btn btn-primary">Fill From System</span> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 row" id="combination-selection">
                            <div class="col-6 mb-4 combination-selection">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vehicle Manufacturer')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="manufacturer_id" id="manufacturer_id" class="form-control select2" onchange="getmodel(this.value)" >
                                                <option value="">--select--</option>
                                                @foreach($manufacturer as $msngle)
                                                    <option value="{{$msngle->id}}">{{$msngle->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 mb-4 combination-selection">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vehicle Model')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="model_id" id="model_id"  class="form-control select2" >
                                                <option value="">--select--</option>
                                                {{-- @foreach($vehiclemodel as $msngle)
                                                    <option  value="{{$msngle->id}}">{{$msngle->name}}</option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 mb-4 combination-selection">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vehicle Year')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="year_id" id="year_id" class="form-control select2" onchange="gettrim()" >
                                                <option value="">--select--</option> @foreach($vehicleYear as $ysngle)
                                                    <option  value="{{$ysngle->id}}">{{$ysngle->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 mb-4 combination-selection">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vehicle Trim')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="trim_id" id="trim_id" class="form-control select2" >
                                                <option value="">--select--</option>
                                                {{-- @foreach($vechiletrims as $trim)
                                                    <option  value="{{$trim->id}}">{{$trim->name}}</option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <div class="col-12 mb-4">
                                <div class="form-group row">

                                    <div class="col-md-4">
                                        <div class="position-relative has-icon-left">
                                            <span id="btn-next" class="btn btn-primary">Next</span>
                                        </div>
                                    </div>
                                    <div class="col-md-8 mb-4">
                                        {{-- <span>{{__('Vin')}}</span> --}}
                                        <span class="text-danger" id="next-error"></span>
                                        @if (!auth()->user()->partner_id)
                                        <span class="text-success" id="next-success"></span>
                                        <div class="row">
                                        <div class="col-md-6 row" id="basePriceSection" style="display: none">
                                            <div class="col-md-8">
                                                <select name="country_id" id="country_id" class="select2 form-control">
                                                    <option value="">Default</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{ $country->id }}"
                                                                data-logo="{{ $country->logo }}">
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-4 mb-4">
                                                <button class="btn btn-warning" onclick="return false;" id="addBasePrice" >Add Price</button>
                                            </div>
                                        </div>
                                        <div class="col-md-6 text-center" style="display: none" id="addImage">
                                            <button class="btn btn-primary"  onclick="return false;" id="btn-addImage" >Add Image</button>
                                            <a href="" id="vehicle_image_url" target="_blank" style="display: none">View</a>
                                        </div>
                                    </div>
                                    @endif

                                    </div>
                                </div>
                            </div>
                            <div class="col-12 row" id="show-next-data" style="display: none">
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vehicle Mileage')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="number" name="mileage" class="form-control" value="{{old('mileage')}}" step="0.01" min="0">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Origin')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="origin" id="origin" class="form-control select2" >
                                                <option value="">--select--</option> @foreach($origins as $origin)
                                                    <option  value="{{$origin->id}}">{{$origin->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Market Demand')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="hidden" name="dealer" id="dealer"  value="9">
                                        <label id="lb-dealer">Not determined</label>
                                        {{-- <div class="position-relative has-icon-left">
                                            <select name="dealer" id="dealer" class="form-control" >
                                                <option value="">--select--</option> @foreach($dealers as $dealer)
                                                    <option  value="{{$dealer->id}}">{{$dealer->title}}</option>
                                                @endforeach
                                            </select>
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Location')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="location" id="location" class="form-control" >
                                                <option value="">--select--</option> @foreach($locations as $location)
                                                    <option  value="{{$location->id}}">{{$location->title}}</option>
                                                @endforeach
                                            </select>
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Color')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="color" id="color" class="form-control select2" >
                                                <option value="">--select--</option> @foreach($colors as $color)
                                                    <option  value="{{$color->id}}">{{$color->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('purposeOfUses')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="purposeOfUse" id="purposeofuse" class="form-control select2" >
                                                <option value="">--select--</option> @foreach($purposeOfUses as $purposeofuse)
                                                    <option  value="{{$purposeofuse->id}}">{{$purposeofuse->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Accidents')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="accidents" checked value="Low">
                                            <label>Low</label>
                                            <input type="radio" name="accidents" value="Medium">
                                            <label>Medium</label>
                                            <input type="radio" name="accidents"  value="Major">
                                            <label>Major</label>
                                            <input type="radio" name="accidents" checked value="No">
                                            <label>No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 repairedBy" style="display: none">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Repaired By')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <select name="repaired_by" id="repaired_by" class="form-control select2" >
                                                <option value="">--select--</option> @foreach($repairDealers as $repairDealer)
                                                    <option  value="{{$repairDealer->id}}">{{$repairDealer->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Defect type(s)')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                            <select name="defect_type[]" id="defect_type" class="form-control select2" multiple >
                                                <option value="" disabled>--select--</option> @foreach($defectTypes as $defectType)
                                                    <option  value="{{$defectType->id}}">{{$defectType->title}}</option>
                                                @endforeach
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Select Maintenance History')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="Maintenance_History"  value="Available">
                                            <label>Available</label>
                                            <input type="radio" name="Maintenance_History" checked value="Not_Available">
                                            <label>Not Available</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('FaceLift')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="hidden" name="FaceLift" id="face-lift"  value="no">
                                        <label id="lb-face-lift">No</label>
                                        {{-- <div class="position-relative has-icon-left">
                                            <input type="radio" name="FaceLift"  value="yes">
                                            <label>Yes</label>
                                            <input type="radio" name="FaceLift" checked value="no">
                                            <label>No</label>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('NewModel')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="col-md-8">
                                            <input type="hidden" name="NewModel" id="new-model"  value="no">
                                            <label id="lb-new-model">No</label>
                                            {{-- <div class="position-relative has-icon-left">
                                                <input type="radio" name="NewModel"  value="yes">
                                                <label>Yes</label>
                                                <input type="radio" name="NewModel" checked value="no">
                                                <label>No</label>
                                            </div> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Select Certified')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="certified"  value="yes">
                                            <label>Yes</label>
                                            <input type="radio" name="certified" checked value="no">
                                            <label>No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Select Modified')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="modified"  value="yes">
                                            <label>Yes</label>
                                            <input type="radio" name="modified" checked value="no">
                                            <label>No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Select Service Contract')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="Service_Contract"  value="yes">
                                            <label>Yes</label>
                                            <input type="radio" name="Service_Contract" checked value="no">
                                            <label>No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Select Warranty')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="warranty"  value="Manufacturer">
                                            <label>Manufacturer</label>
                                            <input type="radio" name="warranty"  value="Car Trust">
                                            <label>Car Trust</label>
                                            <input type="radio" name="warranty"  value="Others">
                                            <label>Others</label>
                                            <input type="radio" name="warranty" checked value="No">
                                            <label>NO WARRANTY</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Plate#')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="text" name="plate_no" class="form-control" value="{{old('plate_no')}}">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('CT Score')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="number" name="ct_score" class="form-control" value="{{old('ct_score')}}" step="0.01" min="0">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Vat@purcahse')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="number" name="Vat_Purchase" class="form-control" value="{{old('Vat_Purchase')}}" step="0.01" min="0">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}


                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="block-content block-content-full border-top pt-1">
                            <h3> Customer Information </h3>
                            </div>
                            <div class="row">
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Customer Name')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="text" name="customer_name" class="form-control" value="{{old('customer_name')}}">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Email')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="email" name="customer_email" class="form-control" value="{{old('customer_email')}}">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Mobile')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="number" name="customer_mobile" class="form-control" value="{{old('customer_mobile')}}">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if (in_array(auth()->user()->id,[1,19066,21070]))
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Evaluation Operation')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="radio" name="evaluation_operation" checked value="increase">
                                            <label>Increase</label>
                                            <input type="radio" name="evaluation_operation" value="decrease">
                                            <label>Decrease</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Enter Value')}}</span>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="position-relative has-icon-left">
                                            <input type="number" min="0" step="any" name="evaluation_operation_value" class="form-control" value="{{old('evaluation_operation_value')}}">
                                            <div class="form-control-position">
                                                <i class="feather icon-home"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif

                        </div>
                        </div>

                        <div class="col-12 mb-4" style="text-align: end">
                            <div class="block-content block-content-full text-right border-top pt-1">
                                <button type="submit" disabled class="btn btn-primary btn-evaluate "><i
                                            class="fa fa-check mr-1" ></i>{{__('Evaluate')}}</button>
                                <button type="submit" disabled class="btn btn-warning btn-frv "><i
                                            class="fa fa-check mr-1" ></i>{{__('FRV')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    </form>
    @endif

    <h4>Recent Evaluation(s)</h4>
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-content">
                    <div class="card-body card-dashboard">
                        @if (!auth()->user()->partner_id)


                        <div class="row input-daterange mb-3">

                            <div class="col-12 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Price Guide Vendors')}}</span>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="position-relative has-icon-left">
                                            <select   class="form-control select2" id="vendorId" onchange="changeTable(this.value)" >
                                                <option value="">--select--</option>
                                                <option value="-2">Admin Portal Evaluations</option>
                                                @foreach($pgVendors as $vendor)
                                                    <option value="{{$vendor->id}}">{{$vendor->vendor_name}}</option>
                                                @endforeach
                                                <option value="-3">Corporate Evaluations</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Price Guide Partners')}}</span>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="position-relative has-icon-left">
                                            <select   class="form-control select2" id="partnerId" onchange="changeTableByPartner(this.value)" >
                                                <option value="">--select--</option>
                                                @foreach($partners as $partner)
                                                    <option value="{{$partner->id}}">{{$partner->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mb-4">
                                <div class="form-group row">
                                    <div class="col-md-4 mb-4">
                                        <span>{{__('Approval Status')}}</span>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="position-relative has-icon-left">
                                            <label>
                                                <input type="radio" name="approval_status" value="2" checked> All
                                              </label>
                                              <label class="text-danger">
                                                <input type="radio" name="approval_status" value="0"> Pending({{$pendingApprovalCount}})
                                              </label>
                                              <label class="text-primary">
                                                <input type="radio" name="approval_status" value="1"> Approved
                                              </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div>
                            <a href="/admin/price-evaluation/export/all" class="btn btn-primary">Export All</a>
                        </div> --}}
                        <div class="row input-daterange mt-2">
                            <div class="col-md-4 mb-4">
                                <input type="date" name="from_date" id="from_date" class="form-control" placeholder="From Date" />
                            </div>
                            <div class="col-md-4 mb-4">
                                <input type="date" name="to_date" id="to_date" class="form-control" placeholder="To Date" />
                            </div>
                            <div class="col-md-4 mb-4">
                                <button type="button" name="filter" id="filter" class="btn btn-primary">Filter</button>
                                <button type="button" name="refresh" id="refresh" class="btn btn-default">Refresh</button>
                            </div>
                        </div>
                        @endif

                        <div class="table-responsive">
                            <table id="recent_evaluation_table" class="table table-striped .data-list-view">
                                <thead>
                                <tr>
                                    <th style="width: 10%;">{{__('VPE-ID')}}</th>
                                    <th style="width: 15%;">{{__('Vin')}}</th>
                                    <th style="width: 15%;">{{__('Make')}}</th>
                                    <th style="width: 15%;">{{__('Model')}}</th>
                                    <th style="width: 15%;">{{__('Year')}}</th>
                                    <th style="width: 15%;">{{__('Trim')}}</th>
                                    <th style="width: 15%;">{{__('Country')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Base Price(SAR)')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Suggested Market Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Suggested Ideal Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Suggested Trade Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Mileage')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Formulas Applied')}}</th>
                                    <th style="width: 15%;">{{__('BillingStatus')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('ApprovalStatus')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Approved By')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Date')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('PgVendor')}}</th>
                                    <th style="width: 15%;">{{__('VVM')}}</th>
                                    @endif
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Partner Title')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Created By')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Created By Phone')}}</th>
                                    @endif
                                    <th class="d-none d-sm-table-cell">{{__('Actions')}}</th>
                                </tr>
                                </thead>

                                <tfoot>
                                <tr>
                                    <th style="width: 10%;">{{__('VPE-ID')}}</th>
                                    <th style="width: 15%;">{{__('Vin')}}</th>
                                    <th style="width: 15%;">{{__('Make')}}</th>
                                    <th style="width: 15%;">{{__('Model')}}</th>
                                    <th style="width: 15%;">{{__('Year')}}</th>
                                    <th style="width: 15%;">{{__('Trim')}}</th>
                                    <th style="width: 15%;">{{__('Country')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Base Price(SAR)')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Suggested Market Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Suggested Ideal Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Suggested Trade Price(SAR)')}}</th>
                                    <th style="width: 15%;">{{__('Mileage')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Formulas Applied')}}</th>
                                    <th style="width: 15%;">{{__('BillingStatus')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Date')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('PgVendor')}}</th>
                                    <th style="width: 15%;">{{__('VVM')}}</th>
                                    @endif
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Partner Title')}}</th>
                                    @endif
                                    <th style="width: 15%;">{{__('Created By')}}</th>
                                    @if(!auth()->user()->partner_id)
                                    <th style="width: 15%;">{{__('Created By Phone')}}</th>
                                    @endif
                                    <th class="d-none d-sm-table-cell">{{__('Actions')}}</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

<style>
    div.detail {
    overflow: auto;
    }
</style>
<div class="modal fade" id="inspectionDetail-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered1 modal-simple">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="text-center mb-6">
          <h4 class="mb-2">Evaluation Details</h4>
        </div>
        <div class="col-12 mb-4">
            <div class="d-flex justify-content-center">

                <img src="/images/loader.gif" id="loader" alt="" width="50%" height="50%">
            </div>
            <div class="detail" style="height: 500px">
            </div>
        </div>
        </div>
    </div>
</div>
</div>
{{-- basePriceAdd --}}
<div class="modal fade" id="basePriceAdd-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered1 modal-simple">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="text-center mb-6">
          <h4 class="mb-2">Add Base Price</h4>
        </div>
        <div class="col-12 mb-4">
           <span class="text-success mb-2" id="base_price_success"></span>
            <span class="text-danger mb-2" id="base_price_error"></span>
            <input type="number" step="0.1" placeholder="Base price i.e 150000" id="base_price" class="form-control">
            <button class="btn btn-primary mt-3 mb-3" id="btn-base-price">Add Now!</button>
        </div>
        </div>
    </div>
</div>
</div>
{{-- imageAdd --}}
<div class="modal fade" id="imageAdd-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered1 modal-simple">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="text-center mb-6">
          <h4 class="mb-2">Add Base Price Image</h4>
        </div>
        <div class="col-12 mb-4">
            <form id="form-image" enctype="multipart/form-data" method="post" action="/admin/price-evaluation/set-base-price-image">
                @csrf
                <span class="text-success mb-2" id="base_price_image_success"></span>
                <span class="text-danger mb-2" id="base_price_image_error"></span>
                <input type="hidden" name="image_make" id="image_make">
                <input type="hidden" name="image_model" id="image_model">
                <input type="hidden" name="image_year" id="image_year">
                <input type="hidden" name="image_trim" id="image_trim">
                <input type="file"  placeholder="Attach Image" name="vehicle_image" class="form-control" accept="image/*" required>
                <button class="btn btn-primary mt-3 mb-3" type="submit" id="btn-base-price-image">Save Now!</button>
            </form>
        </div>
        </div>
    </div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script>
    $(document).ready(function () {
        const queryParams = new URLSearchParams(window.location.search);
        const searchValue = queryParams.get('search');
        if (searchValue) {
            load_data(-1,-1,searchValue)
        }else{
            load_data();
        }
        $('#filter').click(function(){
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        var vendorId=null;
        var parnterId=null;
        vendorId=$('#vendorId').val()
        parnterId=$('#partnerId').val()
        if(!vendorId){
            vendorId=-1;
        }
        if(!parnterId){
            parnterId=-1;
        }

        if(from_date != '' &&  to_date != '')
        {
        $('#recent_evaluation_table').DataTable().destroy();
        load_data(vendorId,parnterId,null,from_date, to_date);
        }
        else
        {
        alert('Both Date is required');
        }
        });
        $('#refresh').click(function(){
            $('#from_date').val('');
            $('#to_date').val('');
            $('#vendorId').val('');
            $('#partnerId').val('');
            $('#recent_evaluation_table').DataTable().destroy();
            load_data();
        });
        $(document).on('click', '.btn-frv', function(e) {
            e.preventDefault();
            $('#evaluation-form').attr('action', '/admin/frv').attr('target', '_blank').submit();
        });
        $(document).on('click', '.btn-evaluate', function(e) {
            e.preventDefault();
            $('#evaluation-form').attr('action', '/admin/price-evaluation').attr('target', '_blank').submit();
        });
        initCountrySelect2()
        $('#country_id').on('select2:select', function (e) {
            const countryId = this.value;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/admin/get/vehicle/trim/base-price',
                type: 'GET',
                data: {
                    trim_id: $("#trim_id").val(),
                    country_id: countryId
                },
                success: function(res) {
                    $('#base_price').val(res.base_price);
                    $("#next-success").text("Base Price(SAR): "+res.base_price);
                }
            });
            
        });
    });
    function formatCountry(option) {
            if (!option.id) return option.text;

            const logo = $(option.element).data('logo');
            if (!logo) return option.text;

            return $(`
                <span>
                    <img src="${logo}" style="width: 20px; height: 14px; margin-right: 8px;" />
                    ${option.text}
                </span>
            `);
    }
    function initCountrySelect2() {
         $('#country_id').select2({
            templateResult: formatCountry,
            templateSelection: formatCountry,
            escapeMarkup: function(m) { return m; } // Allow HTML rendering
        });
    }
    function load_data(vendorId = -1,partnerId = -1,searchValue=null,fromDate=null, toDate=null,approval_status=2){

table = $('#recent_evaluation_table').DataTable({
    dom: '<"top"<"actions action-btns"B><"action-filters"lf>>rt<"d-flex justify-content-between"ip>'
    , oLanguage: {
        sLengthMenu: "_MENU_"
        , sSearch: ""
    }
    , lengthMenu: [
        [10, 25, 50,500,1000,10000, -1]
        , [10, 25, 50,500,1000,10000, "All"]
    ]
    , buttons: [{
            extend: 'csvHtml5'
            , exportOptions: {
                columns: ':visible'
            }
        },
        {
            extend: 'excelHtml5',
            text:'Excel',
            exportOptions: {
                columns: ':visible'
            }
        }
    ]
    , initComplete: function (settings, json) {
        $(".dt-buttons .btn-primary").removeClass("btn-secondary");
    }
    , processing: true
    , serverSide: true
    , "language": {
        "processing": "<div class='fa-3x'><i class='fa fa-circle-notch fa-spin text-success'></i></div>"
    }
    , "ajax": {
        "url": "/admin/price-evaluation/show-recent"
        ,
        data:{vendorId:vendorId,partnerId:partnerId,searchValue:searchValue,fromDate:fromDate,toDate:toDate,approval_status:approval_status}
    },
    "columnDefs": [{
    "defaultContent": "-",
    "targets": "_all"
    }]
    , order: [0, 'desc']
    , columns: @json($columns)
});
}
</script>
<script>
    function changeTable(vendorId){
        $('#recent_evaluation_table').DataTable().destroy();
        load_data(vendorId);
    }
    function changeTableByPartner(partnerId){
        $('#recent_evaluation_table').DataTable().destroy();
        load_data(-1,partnerId);
    }
    function handleRadioChange(value){
        $('#recent_evaluation_table').DataTable().destroy();
        load_data(-1,-1,null,null,null,value);
    }
    function getmodel(value) {
       // alert(value);
        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/get/vechile/op/modelbyid/ajx',
        type: 'GET',
        data: {manufr_id:value},
        success: function (res) {

          $('#model_id').html(res);
        }
        });
    }
    function gettrim() {
        var make=$( "#manufacturer_id" ).val();
        var model=$( "#model_id" ).val();
        var year=$( "#year_id" ).val();
        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/get/vechile/trim/ajx',
        type: 'GET',
        data: {make:make,model:model,year:year,pg:true},
        success: function (res) {

          $('#trim_id').html(res);
        }
        });
    }
$(function(){
    $("#btn-fill").click(function(){
        $("#alert-error").text('');
        var vin=$("#vin").val();
        if(vin.length<=0){
            $("#alert-error").text('Please enter the proper vin');
            return false;
        }
        //get vehicle info
        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/price-evaluation/get-vehicle-info',
        type: 'GET',
        data: {vin:vin},
        success: function (res) {
            if(res.success==false){
                $("#alert-error").text('Vin Not found!');
            return false;
            }
            $( "#manufacturer_id" ).val(res.vehicle.make_id);
            $( "#manufacturer_id" ).trigger("change");
            $( "#model_id" ).val(res.vehicle.make_id);
            $( "#model_id" ).trigger("change");
            $( "#year_id" ).val(res.vehicle.year_id);
            $( "#year_id" ).trigger("change");
            $( "#trim_id" ).val(res.vehicle.trim_id);
            $( "#trim_id" ).trigger("change");
            // $( "#manufacturer_id option:selected" ).text(res.vehicle.make);
            // $( "#manufacturer_id option:selected" ).val(res.vehicle.make_id);
            // $( "#model_id option:selected" ).text(res.vehicle.model);
            // $( "#model_id option:selected" ).val(res.vehicle.model_id);
            // $( "#year_id option:selected" ).text(res.vehicle.year);
            // $( "#year_id option:selected" ).val(res.vehicle.year_id);
            // $( "#trim_id option:selected" ).text(res.vehicle.trim);
            // $( "#trim_id option:selected" ).val(res.vehicle.trim_id);
            // $("#manufacturer_id").filter(function() {
          console.log(res);
        //   $('#model_id').html(res);
        }
        });

    });
    $("#btn-vin-evaluate").click(function(){
        $("#alert-error").text('');
        var vin=$("#vin").val();
        if(vin.length<=0){
            $("#alert-error").text('Please enter the proper vin');
            return false;
        }
        var validateByVinResponse=validateByVin(vin)


        if(!validateByVinResponse){
            $("#alert-error").text('Please enter the proper vin');
            return false;
        }
        //get vehicle info
        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/price-evaluation/get-vin-link-combination',
        type: 'GET',
        data: {vin:vin},
        success: function (res) {
            if(res.success==false){
                $("#alert-error").text(res.message);
            return false;
            }
            if ($('.select2').data('select2')) {
                $('select2').select2('destroy');
            }
            $("#combination-selection").html(res)

            $(".select2").select2();
            $(".select2").css("width","100%")
            // $("#evaluate_with_vin").val(1)
            // $("#evaluate_with_vin_trim_id").val(res.trimId)
            // $("#evaluate_with_vin_year_id").val(res.yearId)
            // $("#evaluate_with_vin_model_id").val(res.modelId)
            // $("#evaluate_with_vin_make_id").val(res.makeId)
            // $( ".combination-selection" ).hide();
            // $( "#btn-next" ).trigger("click");
        }
        });

    });
    // $("#btn-vin-evaluate").click(function(){
    //     $("#alert-error").text('');
    //     var vin=$("#vin").val();
    //     if(vin.length<=0){
    //         $("#alert-error").text('Please enter the proper vin');
    //         return false;
    //     }
    //     var validateByVinResponse=validateByVin(vin)
    //     console.log(validateByVinResponse);

    //     if(!validateByVinResponse){
    //         $("#alert-error").text('Please enter the proper vin');
    //         return false;
    //     }
    //     //get vehicle info
    //     $.ajax({
    //     headers: {
    //     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    //     },
    //     url: '/admin/price-evaluation/get-vin-link',
    //     type: 'GET',
    //     data: {vin:vin},
    //     success: function (res) {
    //         if(res.success==false){
    //             $("#alert-error").text(res.message);
    //         return false;
    //         }

    //         $("#evaluate_with_vin").val(1)
    //         $("#evaluate_with_vin_trim_id").val(res.trimId)
    //         $("#evaluate_with_vin_year_id").val(res.yearId)
    //         $("#evaluate_with_vin_model_id").val(res.modelId)
    //         $("#evaluate_with_vin_make_id").val(res.makeId)
    //         $( ".combination-selection" ).hide();
    //         $( "#btn-next" ).trigger("click");
    //     }
    //     });

    // });
    $("#btn-base-price").click(function(){
        $("#base_price_error").text('');
        $("#base_price_success").text('');
        var make=$( "#manufacturer_id option:selected" ).val();
        var model=$( "#model_id option:selected" ).val();
        var year=$( "#year_id option:selected" ).val();
        var trim=$( "#trim_id option:selected" ).val();
        var country_id=$( "#country_id option:selected" ).val();
        var base_price=$( "#base_price" ).val();
        if(make<=0 || model<=0 || year<=0 || trim<=0){
            $("#base_price_error").text('Please select vehicle details.');
            return false;
        }
        if(base_price<=0){
            $("#base_price_error").text('Please add a base price greater than 0.');
            return false;
        }
        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/price-evaluation/set-base-price',
        type: 'GET',
        data: {make:make,model:model,year:year,trim:trim,country_id:country_id,base_price:base_price},
        success: function (res) {
            if(res.success==false){
                $("#base_price_error").text('This Make Model Year are not added Yet!');
            return false;
            }
            $("#base_price_success").text("Base price added!");
            $("#basePriceAdd-modal").modal('hide');
            $("#btn-next").trigger( "click" );
        }
        });
    });
    $("#form-image").submit(function(e){
        e.preventDefault();
        $("#base_price_image_error").text('');
        $("#base_price_image_success").text('');
        var make=$( "#manufacturer_id option:selected" ).val();
        var model=$( "#model_id option:selected" ).val();
        var year=$( "#year_id option:selected" ).val();
        var trim=$( "#trim_id option:selected" ).val();

        if(make<=0 || model<=0 || year<=0 || trim<=0){
            $("#base_price_image_error").text('Please select vehicle details first.');
            return false;
        }
        $("#image_make").val(make);
        $("#image_model").val(model);
        $("#image_year").val(year);
        $("#image_trim").val(trim);


        $.ajax({
            url: "/admin/price-evaluation/set-base-price-image",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(res){

            if(res.success==false){
                $("#base_price_image_error").text('This Make Model Year trim are not added Yet!');
            return false;
            }
            $("#base_price_image_success").text("Base price Image added!");
            $("#imageAdd-modal").modal('hide');
            $("#addImage").hide()
            },
            error: function(){}
        });

    })
    $("#btn-next").click(function(){
        // $("#addBasePrice").hide();
        $("#basePriceSection").hide();
        $("#addImage").hide();
        $("#show-next-data").hide();
        $("#next-error").text('');
        $("#next-success").text('');
        $("#alert-error").text('');
        var evaluateWithVin=$("#evaluate_with_vin").val()
        if(evaluateWithVin==1){
            var make=$( "#evaluate_with_vin_make_id" ).val();
            var model=$( "#evaluate_with_vin_model_id" ).val();
            var year=$( "#evaluate_with_vin_year_id" ).val();
            var trim=$( "#evaluate_with_vin_trim_id" ).val();
        }else{
            var make=$( "#manufacturer_id option:selected" ).val();
            var model=$( "#model_id option:selected" ).val();
            var year=$( "#year_id option:selected" ).val();
            var trim=$( "#trim_id option:selected" ).val();

        }
        if(evaluateWithVin==1){
            if(make<=0 || model<=0 || year<=0){
                $("#next-error").text('Please select vehicle details.');
                return false;
            }
        }else{
            if(make<=0 || model<=0 || year<=0 || trim <= 0){
                $("#next-error").text('Please select vehicle details.');
                return false;
            }
        }


        $.ajax({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '/admin/price-evaluation/get-base-price',
        type: 'GET',
        data: {make:make,model:model,year:year,trim:trim,country_id:$("#country_id option:selected").val()},
        success: function (res) {
            if(res.face_lift==1){
                    $("#lb-face-lift").text("Yes")
                    $("#face-lift").val("yes")
            }else{
                $("#lb-face-lift").text("No")
                $("#face-lift").val("no")
            }
            if(res.new_model==1){
                $("#lb-new-model").text("Yes")
                $("#new-model").val("yes")
            }else{
                $("#lb-new-model").text("No")
                $("#new-model").val("no")
            }

            if(res.market_demand==1){
                    $("#lb-dealer").text("High")
                    $("#dealer").val("9")
            }else{
                $("#lb-dealer").text("Not determined")
                $("#dealer").val("10")
            }
            if(res.vehicle_image==false){
                $("#addImage").show();
            }

            if(res.success==false){
                $("#next-error").text('Base price Not added yet for this combination.');
                // $("#addBasePrice").show();
                $("#basePriceSection").show();
                initCountrySelect2()
            return false;
            }
            if(evaluateWithVin==1){
                $("#btn-vin-evaluate").text("Evaluating...");
                $("#evaluate-form").submit()
             return
            }
            var basePrice=res.base_price
            $("#show-next-data").show();
            $("#next-success").text("Base Price(SAR): "+basePrice);
            $(".btn-evaluate").prop('disabled',false);
            $(".btn-frv").prop('disabled',false);
            $("#addBasePrice").text("Change Price");
            $("#btn-addImage").text("Change Image");
            $("#btn-base-price").text("Change now!");
            var amountNumber = parseFloat(basePrice.replace(/,/g, ''));
            $("#base_price").val(amountNumber);
            // $("#addBasePrice").show();
            $("#basePriceSection").show();
            initCountrySelect2()
            $("#addImage").show();
            if(res.vehicle_image_url){
                $("#vehicle_image_url").show()
                $("#vehicle_image_url").attr("href",res.vehicle_image_url)
            }



            // $( "#manufacturer_id option:selected" ).text(res.vehicle.make);
            // $( "#manufacturer_id option:selected" ).val(res.vehicle.make_id);
            // $( "#model_id option:selected" ).text(res.vehicle.model);
            // $( "#model_id option:selected" ).val(res.vehicle.model_id);
            // $( "#year_id option:selected" ).text(res.vehicle.year);
            // $( "#year_id option:selected" ).val(res.vehicle.year_id);
            // $("#manufacturer_id").filter(function() {
        //   $('#model_id').html(res);
        }
        });

    });
    //
    $(document).on('click', '.customer-detail', function (e) {
        $("#inspectionDetail-modal").modal("show");
        $("#loader").show();
        $(".detail").html('');
        var vpeId=$(this).attr('data');

        $.ajax({
                    url:"/admin/price-evaluation/show-customer-details",
                    type:'get',
                    data: {vpeId: vpeId,_token: "{{ csrf_token() }}",},
                    dataType: 'json',
                    "headers": {
                    "accept": "application/json",
                    "Access-Control-Allow-Origin":"*"
                    },
                    success: function (res) {
                        $("#loader").hide();
                        $(".detail").html('');
                        var customer_name=res.customer_name==undefined ?'NA':res.customer_name;
                        var customer_email=res.customer_email==undefined ?'NA':res.customer_email;
                        var email=res.customer_email==undefined || res.customer_email=='NA'?'':res.customer_email;
                        var customer_mobile=res.customer_mobile==undefined ?'NA':res.customer_mobile;
                        $(".detail").html(`<div>
                        <h4>Send Pdf link</h4>
                        <form action="/admin/price-evaluation/send-email" method="post">
                        @csrf
                        <div class="p-2">
                        <input type="email" name="email" class="form-control" value="`+email+`" placeholder="Enter customer email">
                        <input type="hidden" name="pdf_id" value="`+vpeId+`">
                        <button class="btn btn-primary mt-2"><i class="feather icon-message-square"></i> Send</button>
                        </div>

                        </form>
                        </div>

                        <table class="table table-hover">
                            <thead>
                            <tr>
                            <th scope="col">#</th>
                            <th scope="col">Customer Details</th>
                            <th scope="col">Selection</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                            <th scope="row">1</th>
                            <td>Customer Name</td>
                            <td>`+ customer_name +`</td>
                            </tr>
                            <tr>
                            <th scope="row">2</th>
                            <td>Customer Email</td>
                            <td>`+ customer_email +`</td>
                            </tr>
                            <tr>
                            <th scope="row">3</th>
                            <td>Customer Mobile</td>
                            <td>`+ customer_mobile +`</td>
                            </tr>
                            </tbody>
                            </table>` );
                     },error: function (error) {
                            console.log(error);
                            $("#loader").hide();
                            $(".detail").html('');
                        }
                })
    });
    //
    $(document).on('click', '.inspection-detail', function (e) {
                $("#inspectionDetail-modal").modal("show");
                $("#loader").show();
                $(".detail").html('');
                var vpeId=$(this).attr('data');
                $.ajax({
                    url:"/admin/price-evaluation/show-details",
                    type:'get',
                    data: {vpeId: vpeId,_token: "{{ csrf_token() }}",},
                    dataType: 'json',
                    "headers": {
                    "accept": "application/json",
                    "Access-Control-Allow-Origin":"*"
                    },
                    success: function (res) {
                        $("#loader").hide();
                        $(".detail").html('');
                        var mileage=res.mileage==undefined ?'NA':res.mileage;
                        var origin=res.origin==undefined ?'NA':res.origin;
                        var repairedBy=res.repairedBy==undefined ?'NA':res.repairedBy;
                        var defectType=res.defectType==undefined ?'NA':res.defectType;
                        var dealer=res.dealer==undefined ?'NA':res.dealer;
                        var accidents=res.accidents==undefined ?'NA':res.accidents;
                        var warranty=res.warranty==undefined ?'NA':res.warranty;
                        var ct_score=res.ct_score==undefined ?'NA':res.ct_score;
                        // var Vat_Purchase=res.Vat_Purchase==undefined ?'NA':res.Vat_Purchase;
                        // var location=res.location==undefined ?'NA':res.location;
                        var FaceLift=res.FaceLift==undefined ?'NA':res.FaceLift;
                        var NewModel=res.NewModel==undefined ?'NA':res.NewModel;
                        var certified=res.certified==undefined ?'NA':res.certified;
                        var modified=res.modified==undefined ?'NA':res.modified;
                        var Service_Contract=res.Service_Contract==undefined ?'NA':res.Service_Contract;
                        var maintenanceHistory=res.maintenanceHistory==undefined ?'NA':res.maintenanceHistory;
                        var color=res.maintenanceHistory==undefined ?'NA':res.color;
                        var purposeOfUse=res.maintenanceHistory==undefined ?'NA':res.purposeOfUse;
                        $(".detail").html(`

                            <table class="table table-hover">
            <thead>
            <tr>
            <th scope="col">#</th>
            <th scope="col">Evaluation Criteria</th>
            <th scope="col">Selection</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <th scope="row">1</th>
            <td>Vehicle Mileage</td>
            <td>`+ mileage +`</td>
            </tr>
            <tr>
            <th scope="row">2</th>
            <td>Origin </td>
            <td>`+ origin +`</td>
            </tr>
            <tr>
            <th scope="row">3</th>
            <td>Market Demand</td>
            <td>`+ dealer +`</td>
            </tr>
            <tr>
            <th scope="row">4</th>
            <td>Accidents</td>
            <td>`+ accidents +`</td>
            </tr>
            <tr>
            <th scope="row">4</th>
            <td>Repaired By</td>
            <td>`+ repairedBy +`</td>
            </tr>
            <tr>
            <th scope="row">4</th>
            <td>Defect Type(s)</td>
            <td>`+ defectType +`</td>
            </tr>
            <tr>
            <th scope="row">5</th>
            <td>Maintenance History</td>
            <td>`+maintenanceHistory+`</td>
            </tr>
            <tr>
            <th scope="row">6</th>
            <td>FaceLift</td>
            <td>`+FaceLift+`</td>
            </tr>
            <tr>
            <th scope="row">7</th>
            <td>NewModel</td>
            <td>`+NewModel+`</td>
            </tr>
            <tr>
            <th scope="row">8</th>
            <td>Certified</td>
            <td>`+certified+`</td>
            </tr>
            <tr>
            <th scope="row">8</th>
            <td>Modified</td>
            <td>`+modified+`</td>
            </tr>
            <tr>
            <th scope="row">8</th>
            <td>Service Contract</td>
            <td>`+Service_Contract+`</td>
            </tr>
            <tr>
            <th scope="row">9</th>
            <td>Warranty</td>
            <td>`+warranty+`</td>
            </tr>
            <tr>
            <th scope="row">11</th>
            <td>CT Score</td>
            <td>`+ct_score+`</td>
            </tr>
            <tr>
            <th scope="row">13</th>
            <td>Color</td>
            <td>`+color+`</td>
            </tr>
            <tr>
            <th scope="row">14</th>
            <td>Purpose of Use</td>
            <td>`+purposeOfUse+`</td>
            </tr>
            </tbody>
            </table>` );
                    },
                    error: function (error) {
                        console.log(error);
                        $("#loader").hide();
                        $(".detail").html('');
                    }
                });

        });
        $(document).on('click', '.feedback-detail', function (e) {
                    $("#loader").show();
                    $(".detail").html('');
                    var vpeId=$(this).attr('data');
                    $.ajax({
                        headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/admin/price-evaluation/show-feedback-details',
                        type: 'GET',
                        data: {vpeId:vpeId},
                        success: function (res) {
                            $("#loader").hide();
                            $(".detail").html(res);
                        },
                        error: function (error) {
                            console.log(error);
                            $("#loader").hide();
                            $(".detail").html('');
                        }
                    });

        });
        $('input[type=radio][name=accidents]').change(function() {
            console.log(this.value);
            if (this.value == 'No') {
                $(".repairedBy").hide()
            }
            else{
                $(".repairedBy").show()
            }
        });
        $('input[type="radio"][name="approval_status"]').on('change', function () {
            // Get the selected radio button's value
            var selectedValue = $(this).val();

            // Call your function and pass the value
            handleRadioChange(selectedValue);
        });

});

$(document).on('click', '.change-price', function (e) {
        $("#loader").hide();
        var vpeId=$(this).attr('data');
        var basePrice=$(this).attr('data-base-price');
        var evaluatedPrice=$(this).attr('data-evaluated');
        var upperPrice=$(this).attr('data-upper');
        var lowerPrice=$(this).attr('data-lower');
        
        $(".detail").html(`<div>
                        <h4>Change Prices</h4>
                        <form action="/admin/price-evaluation/change-price" method="post">
                        @csrf
                        <div class="p-2">
                            <div class="mb-2">
                                <label for="base_price" class="form-label">Base Price</label>
                                <input type="number" id="base_price" name="base_price" class="form-control" value="`+basePrice+`" required min="0" step="any" placeholder="Enter base price">
                            </div>
                            
                            <div class="mb-2">
                                <label for="evaluated_price" class="form-label">Evaluated Price</label>
                                <input type="number" id="evaluated_price" name="evaluated_price" class="form-control" value="`+evaluatedPrice+`" required min="0" step="any" placeholder="Enter evaluated price">
                            </div>
                            
                            <div class="mb-2">
                                <label for="upper_price" class="form-label">Upper Price</label>
                                <input type="number" id="upper_price" name="upper_price" class="form-control" value="`+upperPrice+`" required min="0" step="any" placeholder="Enter upper price">
                            </div>
                            
                            <div class="mb-2">
                                <label for="lower_price" class="form-label">Lower Price</label>
                                <input type="number" id="lower_price" name="lower_price" class="form-control" value="`+lowerPrice+`" required min="0" step="any" placeholder="Enter lower price">
                            </div>

                            <input type="hidden" name="evaluation_id" value="`+vpeId+`">
                            
                            <button class="btn btn-primary mt-2">
                                <i class="feather icon-check-circle"></i> Change Price
                            </button>
                        </div>

                        </form>
                        </div>`
                    );
});

function validateVin() {
    const vinInput = document.getElementById('vin');
    const vinStatus = document.getElementById('vin-status');
    const vin = vinInput.value.toUpperCase();
    const validVinLength = 17;
    const vinRegex = /^[A-HJ-NPR-Z0-9]{17}$/;

    if (vin.length < validVinLength) {
        vinStatus.textContent = `Characters entered: ${vin.length}/${validVinLength}`;
        vinStatus.className = 'invalid-vin';
        vinStatus.style.color = 'red';
    } else if (vinRegex.test(vin)) {
        vinStatus.textContent = `VIN is valid. Characters entered: ${vin.length}/${validVinLength}`;
        vinStatus.className = 'valid-vin';
        vinStatus.style.color = 'green';
    } else {
        vinStatus.textContent = `VIN is invalid. Characters entered: ${vin.length}/${validVinLength}`;
        vinStatus.className = 'invalid-vin';
        vinStatus.style.color = 'red';
    }
}
var  validateByVin=(vinVal) =>{
    const vin = vinVal.toUpperCase();
    const validVinLength = 17;
    const vinRegex = /^[A-HJ-NPR-Z0-9]{17}$/;
    if (vin.length < validVinLength) {
        return false
    } else if (vinRegex.test(vin)) {
        return true
    } else {
        return false
    }
}

$("#addBasePrice").on("click", function(e) {
    e.preventDefault();
    $("#basePriceAdd-modal").modal("show");
})
$("#btn-addImage").on("click", function(e) {
    e.preventDefault();
    $("#imageAdd-modal").modal("show");
})

</script>
@endsection