@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Main Users")}}</h1>
            <p>{{__("Create New User ".$main_Client->name) }}</p>
        </div>

        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.main-clients.index")}}">{{__("Main Clients")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{$main_Client->name}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.vector.index", ["vector_id" => $main_Client->id])}}">{{__("Users")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Create")}}</a></li>
        </ul>
    </div>
@endsection

@section("css-links")

@endsection

@section("content")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Create New User ".$main_Client->name) }}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.vector.store", ["vector_id" => $main_Client->id])}}" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Full  Name")}}</label>
                                    <input class="form-control @if($errors->has('full_name')) is-invalid @endif" type="text" name="full_name" placeholder="{{__("Enter Name")}}" value="{{inputValue("full_name")}}" required>
                                </div>
                                @error("full_name")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Email ")}}</label>
                                    <input class="form-control @if($errors->has('email')) is-invalid @endif" type="text" name="email" placeholder="{{__("Enter Email")}}" value="{{inputValue("email")}}" required>
                                </div>
                                @error("email")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Phone Number")}}</label>
                                    <input class="form-control @if($errors->has('phone_number')) is-invalid @endif" type="text" name="phone_number" placeholder="{{__("Enter Phone Number")}}" value="{{inputValue("phone_number")}}">
                                </div>
                                @error("phone_number")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Country")}}</label>
                                    <input class="form-control @if($errors->has('country')) is-invalid @endif" type="text" name="country"  readonly value="{{"United Arab Emirates"}}"required>
                                </div>
                                @error("country")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client City")}}</label>
                                    <select class="form-control js-basic-single-select2 @if($errors->has('city')) is-invalid @endif" name="city" required>
                                        {{--                                        <option selected disabled >{{__("selected City")}}</option>--}}
                                        {{--                                        <option selected disabled >{{__("selected City")}}</option>--}}
                                        @foreach($states as $key=> $name)
                                            <option value="{{$name['area_name']}}">{{$name['area_name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("city")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <input class="form-control" type="hidden" name="type"  value="{{$main_Client->type}}" >
                            <input class="form-control" type="hidden" name="vector_id"  value="{{$main_Client->id}}">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Provided Section Name English")}}</label>
                                    <input class="form-control @if($errors->has('provided_section_en')) is-invalid @endif" type="text" name="provided_section_en" placeholder="{{__("Provided Section English")}}" value="{{inputValue("provided_section_en")}}" required>
                                </div>
                                @error("provided_section_en")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Provided Section Name Arabic")}}</label>
                                    <input class="form-control @if($errors->has('provided_section_ar')) is-invalid @endif" type="text" name="provided_section_ar" placeholder="{{__("Enter Provided Section Arabic")}}" value="{{inputValue("provided_section_ar")}}" required>
                                </div>
                                @error("provided_section_ar")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Provided Section Phone Number")}}</label>
                                    <input class="form-control @if($errors->has('section_phone_number')) is-invalid @endif" type="text" name="section_phone_number" placeholder="{{__("Enter Section Phone Number")}}" value="{{inputValue("section_phone_number")}}" required>
                                </div>
                                @error("section_phone_number")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Provided Section City")}}</label>
                                    <select class="form-control js-basic-single-select2 @if($errors->has('section_city')) is-invalid @endif" id="section_city" data-url="{{route("ajax.sub-areas.index")}}" name="section_city" required>
                                        <option selected disabled >{{__("selected City")}}</option>
                                        @foreach($states as $key=> $name)
                                            <option value="{{$name['area_name']}}" data-id="{{$name['id']}}">{{$name['area_name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("section_city")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Provided Section Sub Area")}}</label>
{{--                                    js-basic-single-select2--}}
                                    <select class="form-control  @if($errors->has('sub_areas')) is-invalid @endif" id="sub_areas" name="sub_areas" required>
                                        <option value="0">{{__("selected sub area")}}</option>
                                    </select>
                                </div>
                                @error("sub_areas")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Map")}}</label> <br>
                                    <!-- Button trigger modal -->
                                    <button type="button" onclick="getLocation()" class="btn btn-primary @if($errors->has('lng')) is-invalid @endif" data-toggle="modal" data-target="#exampleModalCenter">
                                        <span class="icon color-light"><i class="fas fa-map-marker-alt"></i></span>{{__("Map")}}
                                    </button>
                                    <spna class="btn btn-success" id="mapStatus" style="display: none"> Location saved</spna>
                                    <!-- Modal -->
                                    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row parent-box">
                                                        <div class="col-lg-12 m-auto map-box">
                                                            <div class="tile-body" id="parent-box">
                                                                <!--- Map Section --->
                                                                <div id="map-box" style="@if(Session::has("location_details")) display:none @endif">
                                                                    <div id="map"></div>
                                                                </div>
                                                                <!--- Info Section --->
                                                                <div id="info-box" style="@if(Session::has("location_details")) display:block @endif">
                                                                    <input type="hidden" name="lat" id="lat" value="{{inputValue("latitude")}}">
                                                                    <input type="hidden" name="lng" id="lng" value="{{inputValue("longitude")}}">
                                                                    <button type="button" class="close btn btn-success" data-dismiss="modal" aria-label="Close">
                                                                        Done
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @error("lng")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("IBAN")}}</label>
                                    <input class="form-control @if($errors->has('iban')) is-invalid @endif" type="text" name="iban" placeholder="{{__("Enter IBAN")}}" value="{{inputValue("iban")}}">
                                </div>
                                @error("iban")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Bank Name")}}</label>
                                    <input class="form-control @if($errors->has('bank_name')) is-invalid @endif" type="text" name="bank_name" placeholder="{{__("Enter Bank Name")}}" value="{{inputValue("bank_name")}}">
                                </div>
                                @error("bank_name")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            @if($main_Client->type == "mar")
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Specialty")}}</label>
                                        <table class="table table-hover table-bordered text-center">
                                            <tr>
                                            <th>Used</th>
                                            <th>New</th>
                                            <th>Origin</th>
                                            <th>Duplicate</th>
                                            </tr>
                                            <tr>
                                            <td><input type="checkbox" value=1 name="specialty[]" class="form-control"></td>
                                            <td><input type="checkbox" value=2 name="specialty[]" class="form-control"></td>
                                            <td><input type="checkbox" value=3 name="specialty[]" class="form-control"></td>
                                            <td><input type="checkbox" value=4 name="specialty[]" class="form-control"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    @error("specialty")
                                    <div class="input-error">must select at least one</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Payment Type")}}</label>
                                        <select class="form-control js-basic-single-select2 @if($errors->has('payment_type')) is-invalid @endif"  name="payment_type" required>
                                            <option selected disabled>{{__("selected Payment Type")}}</option>
                                            <option value="0">{{__("Cash&Visa")}}</option>
                                            <option value="1">{{__("Cash")}}</option>
                                            <option value="2">{{__("Visa")}}</option>
                                        </select>
                                    </div>
                                    @error("vehicle_type_specialist")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            @endif


                        </div>
                        <hr>


                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("images")}}</label>
                                    <div class="upload-button-box">
                                        <button class="btn btn-primary form-control button-upload-file" >
                                            <input class="input-file show-uploaded" data-upload-type="multi" data-imgs-container-class="uploaded-multiple" type="file" name="images[]" multiple required>
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload images")}}</span>
                                            </span>
                                        </button>
                                    </div>
                                    <div class="invalid-feedback" style="display: none"></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-multiple"></div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Main image")}}</label>
                                    <div class="upload-button-box">
                                        <button class="btn btn-primary form-control button-upload-file" >
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="main-images" type="file" name="default" required>
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Main image")}}</span>
                                            </span>
                                        </button>
                                    </div>
                                    <div class="invalid-feedback" style="display: none"></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="main-images"></div>
                            </div>
                        </div>
                        <hr>
{{--                        <div class="row">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Commercial License")}}</label>--}}
{{--                                    <div class="upload-button-box">--}}
{{--                                        <button class="btn btn-primary form-control button-upload-file" >--}}
{{--                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="commercial_license" required>--}}
{{--                                            <span class="upload-file-content">--}}
{{--                                                <span class="upload-file-content-text">{{__("Commercial License")}}</span>--}}
{{--                                            </span>--}}
{{--                                        </button>--}}
{{--                                    </div>--}}
{{--                                    <div class="invalid-feedback" style="display: none"></div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-3 col-md-5 col-sm-6">--}}
{{--                                <div class="uploaded-images"></div>--}}
{{--                            </div>--}}
{{--                        </div>--}}

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Documents")}}</label>
                                    <div class="upload-button-box">
                                        <button class="btn btn-primary form-control button-upload-file" >
                                            <input class="input-file show-uploaded" data-upload-type="multi" data-imgs-container-class="uploaded-multiple-documents" type="file" name="documents[]" multiple required>
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload Images")}}</span>
                                            </span>
                                        </button>
                                    </div>
                                    <div class="invalid-feedback" style="display: none"></div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-multiple-documents"></div>
                            </div>
                        </div>

                        @if($main_Client->type == 'gar')
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Garage Type")}}</label>
                                        <select class="form-control js-basic-single-select2 @if($errors->has('garage_type')) is-invalid @endif" multiple name="garage_type" required>
                                            <option selected disabled>{{__("Selected Garage Type")}}</option>
                                            @foreach($garage_type as $garage)
                                                <option value="{{$garage->id}}">{{$garage->getNameAttribute()}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("garage_type")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Certified Insurance Company")}}</label>
                                        <select class="form-control js-basic-single-select2 @if($errors->has('certified_insurance_company')) is-invalid @endif" multiple name="certified_insurance_company[]" >
                                            @foreach($insurance_company as $company)
                                                <option value="{{$company->id}}">{{$company->name_en}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("certified_insurance_company")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Section Specialization")}}</label>
                                        <select class="form-control js-basic-single-select2 @if($errors->has('section_specialization')) is-invalid @endif" multiple name="section_specialization[]" required >
                                            @foreach($specialization as $specia)
                                                <option value="{{$specia->id}}">{{$specia->getNameAttribute()}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("section_specialization")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Section Specialized For")}}</label>
                                        <select class="form-control js-basic-single-select2 @if($errors->has('section_specialized_for')) is-invalid @endif" multiple  name="section_specialized_for[]" required >
                                            @foreach($specialized_for as $specia)
                                                <option value="{{$specia->id}}">{{$specia->getNameAttribute()}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("section_specialized_for")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                        @endif
                        @if($main_Client->type == 'gar' || $main_Client->type == 'mar' || $main_Client->type == 'enq' || $main_Client->type == 'enq-wo' || $main_Client->type == 'enq-cwo')
                            {{--                            || $main_Client->type == 's-mar')--}}
                            @if($main_Client->type != 'enq' && $main_Client->type != 'enq-wo'&& $main_Client->type != 'enq-cwo')
                            <hr>
                            <div class="col-lg-10 m-auto">
                                <div class="tile">
                            <div id="RowSpecialist">
                                <div class="row appendData">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Vehicle Type Specialist")}}</label>
                                            <select class="form-control js-basic-single-select2 @if($errors->has('vehicle_type_specialist')) is-invalid @endif"  name="vehicle_type_specialist[]" required>
                                                <option selected disabled>{{__("selected Vehicle Type Specialist")}}</option>
                                                @foreach($vehicletypes as $key=> $name)
                                                    <option value="{{$name->id}}">{{$name->name_en}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        @error("vehicle_type_specialist")
                                        <div class="input-error">{{$message}}</div>
                                        @enderror
                                    </div>
                                    @if($main_Client->type != 'gar')
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="control-label">{{__("Car Type Specialist")}}</label>
                                                <select class="form-control js-basic-single-select2 @if($errors->has('car_type_specialist')) is-invalid @endif selectCar" data-url="{{route("ajax.select-car.index")}}" name="car_type_specialist[]" required>
{{--                                                    <optgroup label="Select Types Related it">  form-input select2 --}}
                                                    <option selected disabled>{{__("selected Car Type Specialist")}}</option>
                                                    @foreach($commonMake as $key=> $common)
                                                        <option value="{{$common->make->id}}">{{$common->make->name}}</option>
                                                    @endforeach
{{--                                                    </optgroup>--}}
                                                </select>
                                            </div>
                                            @error("car_type_specialist")
                                            <div class="input-error">{{$message}}</div>
                                            @enderror
                                        </div>
                                        <div class="col-lg-6 add">
                                            <div class="form-group">
                                                <label class="control-label">{{__("Car Model Name Specialist")}}</label>

                                                <br>
                                                <input class="form-check-input CheckAll" type="checkbox"  name="all_model"  value="12" data-counter="1" id="allModelsCheck" >
                                                <label class="form-check-label" for="defaultCheck1">
                                                    All Models
                                                </label>
                                                <br>


                                                <select  class="form-control Car_Model_Name_Specialist @if($errors->has('car_model_name_specialist')) is-invalid @endif" id="Car_Model_Name_Specialist1"   name="car_model_name_specialist[1][]" multiple="" required>
                                                    <option  disabled>{{__("selected Type Specialist First")}}</option>
                                                </select>
                                            </div>

                                            <input type="hidden" value="1" id="counter">


                                            @error("car_model_name_specialist")
                                            <div class="input-error">{{$message}}</div>
                                            @enderror
                                        </div>

                                    @endif
                                    <div class="col-lg-2 text-right ">
                                        <span data-id="" class="addSpecialist btn btn-success btn-sm ">
                                            <i class="fa fa-plus"></i>
                                        </span>
                                    </div>
                                    <div class="col-lg-2 text-right " >
                                        <span data-id="" class="removeSpecialist btn btn-success btn-sm ">
                                            <i class="fa fa-minus"></i>
                                        </span>
                                    </div>
                                </div>

                                    </div>
                                </div>
                            </div>
                            @endif
                            @if($main_Client->type == 'gar' ||
                                $main_Client->type == 'enq' ||
                                $main_Client->type == 'enq-wo' ||
                                $main_Client->type == 'enq-cwo'
                                )

                                <hr>
                                <div id="RowTemplate">
                                    <div class="row" id="RowService">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label class="control-label">{{__("Service Name English")}}</label>
                                                <input class="form-control " type="text" name="service_name_en[]" placeholder="{{__("Enter Arabic  Name")}}" required>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label class="control-label">{{__("Service Name Arabic")}}</label>
                                                <input class="form-control" type="text" name="service_name_ar[]" placeholder="{{__("Enter Service Name")}}"  required>
                                            </div>
                                        </div>
                                        @if($service_with_price)
                                            <div class="col-lg-5">
                                                <div class="form-group">
                                                    <label class="control-label js-basic-single-select-2">{{__("Service Price")}}</label>
                                                    <input class="form-control" type="number" name="service_price[]" placeholder="{{__("Enter price")}}" required>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-lg-2 text-right ">
                                    <span data-id="" class="addService btn btn-success btn-sm ">
                                        <i class="fa fa-plus"></i>
                                    </span>
                                            {{--                                </div>--}}
                                            {{--                                <div>--}}
                                            {{--                                <div class="col-lg-2 text-right ">--}}
                                            <span data-id="" class="removeService btn btn-success btn-sm ">
                                        <i class="fa fa-minus"></i>
                                    </span>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                            @endif
                            {{--                        @php--}}
                            {{--                            dd($main_Client->type);--}}
                            {{--                        @endphp--}}
                            {{--                        @switch($main_Client->type)--}}
                            {{--                            @case('gar')--}}
                            {{--                            @case('s-mar')--}}
                            @if($main_Client->type === 's-mar' || $main_Client->type == 'gar')

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Video")}}</label>
                                            <div class="upload-button-box">

                                                <button class="btn btn-primary form-control button-upload-file" >
                                                    <input class="input-file show-uploaded" data-upload-type="video" data-container-class-video="uploaded-video"  type="file"  name="video" accept="video/mp4,video/x-m4v,video/*" required>
                                                    <span class="upload-file-content">
                                                    <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                    <span class="upload-file-content-text">{{__("Upload video")}}</span>
                                                </span>
                                                </button>
                                            </div>
                                            <div class="invalid-feedback" style="display: none"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-5 col-sm-6">
                                        <div class="uploaded-video"></div>
                                    </div>
                                </div>
                                {{--                            @break--}}
                                {{--                            @endswitch--}}
                            @endif
                            @if($main_Client->type == 'gar')

                                <hr>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Ads")}}</label>
                                            <div class="upload-button-box">
                                                <button class="btn btn-primary form-control button-upload-file" >
                                                    <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="Ads-images" type="file" name="ads" accept="image/x-png,image/gif,image/jpeg" required>
                                                    <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Main image")}}</span>
                                            </span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-5 col-sm-6">
                                        <div class="Ads-images"></div>
                                    </div>
                                </div>
                            @endif
                        @endif


                        @if($main_Client->type == 's-mar' ||
                            $main_Client->type == 'enq-crl' ||
                            $main_Client->type == 'enq'||
                            $main_Client->type == 'enq-wo'
                            )
                            <hr>

                            <div>
                                <div class="form-check">
                                    @php
                                        $vector = \App\Models\Vector::find($main_Client->id);
                                        $vectorType = $vector->vectorFiltersData->where('service_type','ty') ?? null;
                                    @endphp

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="control-label">{{__("Video")}}</label>
                                                <div class="upload-button-box">

                                                    <button class="btn btn-primary form-control button-upload-file" >
                                                        <input class="input-file show-uploaded" data-upload-type="video" data-container-class-video="uploaded-video"  type="file"  name="video" accept="video/mp4,video/x-m4v,video/*" required>
                                                        <span class="upload-file-content">
                                                    <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                    <span class="upload-file-content-text">{{__("Upload video")}}</span>
                                                </span>
                                                    </button>
                                                </div>
                                                <div class="invalid-feedback" style="display: none"></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-md-5 col-sm-6">
                                            <div class="uploaded-video"></div>
                                        </div>
                                    </div>

                                    @if(count($vectorType)>0)
                                        <hr>
                                    @foreach($vectorType as $type)
                                            <input class="form-check-input" type="radio" value="{{$type->id}}" id="flexRadioDefault" name="filterTypeId" required>
                                            <label class="form-check-label" for="flexRadioDefault1">
                                                {{$type->getNameAttribute()}}
                                            </label>
                                            <br>
                                        @endforeach
                                    @endif



                                </div>
                                {{--                                <div class="form-check">--}}
                                {{--                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>--}}
                                {{--                                    <label class="form-check-label" for="flexCheckChecked">--}}
                                {{--                                        Checked checkbox--}}
                                {{--                                    </label>--}}
                                {{--                                </div>--}}
                            </div>
                        @endif
                        @if($main_Client->type == 'enq-crl')
                            <input type="hidden" name="provided_section_status" id="provided_section_status" value="1">
                            <input type="checkbox" id="provided_section_status2" name="provided_section_status2" value="1" checked>
                            <label for="provided_section_status2" style="color: green"><b >{{__("Delivery and pickup at home")}} </b> </label><br>
                        @endif
                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")
    <script type="text/javascript" src="{{asset("assets/js/plugins/select2.min.js")}}"></script>
    <script type="text/javascript">
        $('.Car_Model_Name_Specialist').select2();
        $('.js-basic-single-select2').select2();
    </script>
    <script type="text/javascript">
        if(document.location.hostname == 'pratikborsadiya.in') {
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{env("GOOGLE_API_KEY")}}&callback=initMap&libraries=&v=weekly"
        async
    ></script>
    <script src="{{asset("assets/js/maps.js")}}"></script>
    <script type="module" src="{{asset("assets/js/pages/locations_support.js")}}"></script>
    <script type="text/javascript">


        /**********RowService************/

        $(document).ready( function () {
            console.log($("#RowService").length == 1);
            if($("#RowTemplate").length == 1){
                $(".removeService").hide();
            }else {
                $(".removeService").show();
            }
            $(document).ready(function () {
                $(document).on("click", ".addService", function () {
                    console.log($("#RowTemplate").length);

                    let htmlElement = $("script#RowTemplate").html();

                    $("#RowService").append($(htmlElement));
                    $(".removeService").show();
                });
            });
        });

        $(document).ready(function () {
            $(document).on("click", ".removeService", function () {
                let htmlElement = $("script#RowTemplate").html();
                $("#RowService").children().last().remove();
                if($("#RowService").children().length === 3){
                    $(".removeService").hide();
                }else{
                    $(".removeService").show();
                }
            });
        });

        $(document).on("click", ".CheckAll", function (){
            var id = $(this).data("counter");
            if($(this).prop("checked")) {
                $("#Car_Model_Name_Specialist" + id + " option").attr("selected", "selected")
            }else{
                $("#Car_Model_Name_Specialist" + id + " option").removeAttr("selected", "selected")
            }
            // $("#Car_Model_Name_Specialist" + id).attr("hidden", "hidden")
        })



        /**********RowSpecialist************/

        $(document).ready( function () {
            if($("#RowSpecialist").children().length == 1){
                $(".removeSpecialist").hide();
            }else {
                $(".removeSpecialist").show();
            }

            $(document).on("click", ".addSpecialist", function () {
                var counter = $("#counter").val();
                // alert(counter);
                $("#counter").val(++counter);
                $("#RowSpecialist2").find("select.loai").attr("name", "car_model_name_specialist[" + counter + "][]")
                $("#RowSpecialist2").find(".CheckAll").attr("data-counter", counter)
                $("#RowSpecialist2").find(".js-basic-single-select").attr("id", "js-basic-single-select" + counter)
                $("#RowSpecialist2").find(".js-basic-single-select-2").attr("id", "js-basic-single-selected" + counter)
                $("#RowSpecialist2").find("select.loai").attr("id","Car_Model_Name_Specialist"+counter)

                let htmlElement = $("#RowSpecialist2").html();
                $("#RowSpecialist").append($(htmlElement));
                $(".removeSpecialist").show();
                $('#Car_Model_Name_Specialist'+ counter).select2();
                $("#js-basic-single-select" + counter).select2();
                $("#js-basic-single-selected" + counter).select2();
            });

        });

        $(document).ready(function () {
            $(document).on("click", ".removeSpecialist", function () {
                // alert($(this).data("id"));
                let htmlElement = $("script#RowSpecialist").html();
                $("#RowSpecialist").children().last().remove();
                if($("#RowSpecialist").children().length == 1){
                    $(".removeSpecialist").hide();
                }
            });
        });

        /*** ********************* ***/
        $(document).on("change", ".selectCar", function(){
            var id = $(this).val(),
                url = $(this).data("url"),
                parent = $(this);
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: "GET",
                url: url,
                data: {id: id},
                success: function( response ) {

                    var option = ""
                        ,data = response.data;
                    data.cars.forEach((car) => {
                        option += `<option type="chek" value="${car.id}">${car.name}</option>`;
                    })
                    let el =parent.parent("div").parent("div").parent("div").children(".add").children("div")
                    let select =el.children("select");
                    select.empty().append(option);
                    let span=el.find(".select2").find("ul").empty();
                    console.log(span);

                },
                error : function (response) {
                    resolve(response);
                }
            });
        })

    </script>
    <script>
        $("#section_city").on("change",function (){
            var ProvidedSectionCityId = $(this).find('option:selected').data("id"),
                sub_area_url = $(this).data("url");

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            })
            $.ajax({
                type:"GET",
                url: sub_area_url,
                data : {id :ProvidedSectionCityId },
                success: function( response ) {

                    let subArea =$("#sub_areas");
                    subArea
                        .find('option')
                        .remove()
                        .end()
                        .append(`<option selected="selected">{{__("selected sub area")}}</option>`)
                        .val('0')
                    ;

                    // subArea
                    //     .empty()
                    //     .append('<option value="whatever">text</option>')
                    //     .find('option:first')
                    //     .attr("selected","selected")
                    // ;
                    // subArea.html("<option selected=\"selected\">The Option...</option>");

                    // console.log(subArea.options)
                    {{--subArea.empty().append(`<option disabled value="0">{{__("selected sub area")}}</option>`);--}}

                    var  options ="";
                    let subAreas = response.data.sub_areas;
                    // if (subAreas.length === 0){
                    //     return 1;
                    // }
                    subAreas.forEach((subArea)=> {
                         options += `<option value="${subArea.id}"> ${subArea.sub_area_name}</optopn>`
                        console.log(options)
                    })
                    // console.log(subArea.find("option:selected").val())
                    // subArea.options[0].selected="true";
                    subArea.append(options);



                    // $("#sub_areas option:selected").val('selected sub area');

                    console.log("success")

                },
                error : function (response) {
                    console.log("Not sucsess")

                    // resolve(response);
                }
            })


            console.log(ProvidedSectionCityId)
        })
    </script>
    <script>
        $("#provided_section_status2").on("change",function (){
            let provided_section_status = $("#provided_section_status");
            console.log("NEWW "+ provided_section_status.val())
            if(this.value === "0"){
                this.value = "1";
                provided_section_status.val("1");
                console.log(" ONE " +this.value)
            }else {
                this.value = "0";
                provided_section_status.val("0");
                console.log(this.value)
            }

        });
    </script>
    @include("admin.users_vectors.template")
@endsection