@extends('layouts.auth')
@section('style')
<style>
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 33px;
    }

    .select2-container .select2-selection--single {
        height: 37px;
        text-align: left;
        border: none;
        font-size: 1rem;
        color: #495057;
        background-color: #f0f0f0;
        border: 1px solid #ced4da;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 7px;
    }
    .form-control{
        background-color: #f0f0f0;
    }
</style>
@endsection
@section('content')
<main>
    {{-- @dd($countries) --}}
    {{-- isset($model)?$model->name:'' --}}
    {{-- @dd($model) --}}
    <div style="padding-top: 100px" class="loginnR text-center">
        <div class="loginnRinner">
            <h2>Please Complete Your Profile</h2>
            <div class="loginForm mt-lg-5 mt-md-4 mt-3">
                <form action="{{ isset($model) ? url('/update-profile/'.$model->id) : url('/set-profile') }}" class="licenseForm" enctype="multipart/form-data"
                    method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group text-left">
                                <label class="" for="">License Number</label>
                                <input name="licenseNo" value="{{ old('licenseNo',isset($model)?Auth::user()->license_number:'') }}" type="text" class="form-control @error('licenseNo') is-invalid @enderror " {{ isset($model) ? 'readonly' : '' }}
                                    placeholder="Enter License Number">
                                    @error('licenseNo')
                                    <label class="invalid-feedback text-left" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </label>
                                    @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Full Name</label>
                                <input name="fullName" value="{{ old('fullName', isset($model) ? $model->name : '') }}" type="text" class="form-control @error('fullName') is-invalid @enderror" placeholder="Full Name">
                                @error('fullName')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Phone No.</label>
                                <input name="phoneNo" value="{{ old('phoneNo', isset($model) ? $model->phone : '') }}" type="text" class="form-control @error('phoneNo') is-invalid @enderror" placeholder="Enter Phone Number">
                                @error('phoneNo')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>

                            <div class="form-group text-left">
                                <label class="" for="">Zip Code</label>
                                <input name="zipCode" value="{{ old('zipCode', isset($model) ? $model->zip_code : '') }}" type="text" class="form-control @error('zipCode') is-invalid @enderror" placeholder="Enter Postal Code">
                                @error('zipCode')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>


                            <div class="form-group text-left">
                                <label class="" for="">Company Name</label>
                                <input name="companyName" value="{{ old('companyName', isset($model) ? $model->company : '') }}" type="text" class="form-control @error('companyName') is-invalid @enderror" placeholder="Enter Company Name">
                                @error('companyName')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Address</label>
                                <input name="address" type="text" value="{{ old('address', isset($model) ? $model->address : '') }}" class="form-control @error('address') is-invalid @enderror" placeholder="Enter Office Address">
                                    @error('address')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Veteran</label>
                                <select class="form-control" name="veteran" id="">
                                    <option value="Yes" {{ old('veteran',isset($model)?$model->veteran:'') == "Yes" ?'selected': '' }}>Yes</option>
                                    <option value="No" {{ old('veteran',isset($model)?$model->veteran:'') == "No" ?'selected': '' }}>No</option>
                                </select>
                                    @error('veteran')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>

                        </div>
                        <div class="col-md-6">

                            <div class="form-group text-left">
                                <label class="" for="">License Expiration Date</label>
                                <input name="licenseExpiration" value="{{ old('licenseExpiration',isset($model)?$model->license_expiry_date:'') }}" type="date" class="form-control @error('licenseExpiration') is-invalid @enderror"
                                    placeholder="Enter License Number">
                                    @error('licenseExpiration')
                                    <label class="invalid-feedback text-left" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </label>
                                    @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">License Issuance Date</label>
                                <input name="licenseIssueDate" value="{{ old('licenseIssueDate',isset($model)?$model->first_issuance_date:'') }}" type="date" class="form-control @error('licenseIssueDate') is-invalid @enderror"
                                    placeholder="Enter License Number">
                                    @error('licenseIssueDate')
                                    <label class="invalid-feedback text-left" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </label>
                                    @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Business License Number</label>
                                <input name="businessLicenseNumber" type="text" value="{{ old('BusinessLicenseNumber',isset($model)?$model->business_license_number:'') }}" class="form-control @error('businessLicenseNumber') is-invalid @enderror" placeholder="Enter Business License Number">
                                    @error('businessLicenseNumber')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">Country</label>
                                <Select class="form-control select2 @error('country') is-invalid @enderror" name="country" id="country_id">
                                    <option value="" selected disabled> Select Country</option>
                                    @foreach ($countries as $country )
                                    <option data-id="{{ $country->id }}" value="{{ $country->name }}">{{ $country->name }}</option>
                                    @endforeach
                                </Select>
                                @error('country')
                                    <label class="invalid-feedback text-left" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </label>
                                    @enderror
                            </div>

                            <div class="form-group text-left">
                                <label class="" for="">State</label>
                                <Select class="form-control select2 @error('state') is-invalid @enderror" name="state" id="states_id">
                                    <option value="" selected disabled> Select State</option>
                                </Select>
                                @error('state')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror
                            </div>
                            <div class="form-group text-left">
                                <label class="" for="">City</label>
                                <Select class="form-control select2 @error('city') is-invalid @enderror" name="city" id="city_id">
                                    <option value="" selected disabled> Select City</option>
                                </Select>
                                @error('city')
                                    <label class="invalid-feedback text-left" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </label>
                                    @enderror
                            </div>




                                <label for="image" class="btn rounded mt-lg-4 mt-md-3 mt-2">Select Profile Picture</label>
                                <input id="image" style="visibility:hidden;" name="image" value="{{ old('image') }}" type="file" class="form-control @error('image') is-invalid @enderror">
                                @error('image')
                                <label class="invalid-feedback text-left" role="alert">
                                    <strong>{{ $message }}</strong>
                                </label>
                                @enderror

                        </div>
                    </div>

                    <div class="form-group">
                        <input type="submit" id="btnSubmit" class="btn rounded mt-lg-4 mt-md-3 mt-2 mb-5" value="Submit">
                    </div>
                    <div id="formResult"></div>
                </form>

            </div>
        </div>
    </div>
    </section>
</main>

@section('script')
<script>
    var url = $("meta[name='app-url']").attr("content");
    $(document).on("change", "#country_id", function(){
            $("#states_id").append("<option selected value=''>Loading states ....!</option>");
            getStatesbyCountryId($(this).find(':selected').data("id"));
        })

        $(document).on("change", "#states_id", function(){

            $("#city_id").append("<option selected value=''>Loading Cities ....!</option>");
            getCitiesByStateId($(this).find(':selected').data("id"));
        })

        function getStatesbyCountryId(countryId){
            _ajax.post(url+"/get-states" , {id:countryId}, function(res){
                if(res.success){
                    $('#states_id').empty();
                    $("#states_id").append("<option  selected disabled value=''>Select State</option>");
                    for(var a = 0 ; a <res.data.length ; a++){
                        $("#states_id").append("<option data-id='"+res.data[a].id+"' value='"+res.data[a].name+"'>" + res.data[a].name +"</option>");
                    }
                }
            })
        }

        function getCitiesByStateId (stateId){
            _ajax.post(url+"/get-cities" , {id:stateId} , function(res){
                if(res.success){
                    $("#city_id").empty();
                    $("#city_id").append("<option  selected disabled value=''>Select City</option>");
                    for(var a = 0 ; a <res.data.length ; a++){
                        $("#city_id").append("<option  data-id='"+res.data[a].id+"' value='"+res.data[a].name+"'>" + res.data[a].name +"</option>");
                    }
                }
            });
        }
</script>
@endsection
@endsection