@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?'edit delegate':'  تعديل المندوب'}}
@endsection

@section('style')

@endsection

@section('content')

   <div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                    <h6 class="bold">{{trans('delegates_dashboard.delegates_info')}}</h6>
                        <p class="mb-1"> {{trans('delegates_dashboard.join_requests')}} / {{trans('delegates_dashboard.edit_delegate')}}</p>
                     </div>
                </div>


                <form id="form"  enctype="multipart/form-data">
                    @csrf
                    <div class=" white-bg round7 mb-3 mt-2 p-3">
                    <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('delegates_dashboard.delegates_info')}}</h6>

                        <div class="w-md-75 ">

                        <input type="hidden" name="user_id" value="{{$user->id}}">


                            <div class="form-group">
                                <div class="row align-items-center justify-content-start ">
                                    <div class=" ">
                                        <label for="file1">
                                            <div class="input-img-cont ">
                                                <img src="{{URL::to('assets/uploads/users/'.$request->personal_image)}}" id="view1" class="input-img" alt="">
                                                <img src="{{URL::to('site/imgs/icons/camera.png')}}" class="input-img-camera" alt="">
                                            </div>
                                            <input onchange="viewImg(event ,'#view1')" class="d-none" type="file" name="personal_image" id="file1">
                                        </label>
                                    </div>
                                    <div class="col">
                                    <h6 class="bold font14">{{trans('delegates_dashboard.avatar')}}</h6>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('delegates_dashboard.name')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="email" name="name" value="{{$user->name}}" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.name')}}">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('delegates_dashboard.phone')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <div class="row">
                                    <div class="col-2 p-1 pr-0">
                                        <select class="form-control">
                                            @foreach ($keys as $key)
                                                <option @if($key->calling_code == $request->country_key) selected @endif value="{{$key->calling_code}}">{{$key->calling_code}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col pt-1 pb-1 pl-0 pr-1">
                                        <input type="number" name="phone" value="0{{$user->phone}}" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.phone')}} ">
                                    </div>

                                </div>
                            </div>





                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">  {{trans('delegates_dashboard.nationality')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select name="nationality_id" class="form-control">
                                    @foreach($nationalities as $nationality)
                                        <option value="{{$nationality->id}}" @if( $nationality->id == $request->nationality_id ) selected @endif > {{$nationality->name}}</option>
                                    @endforeach
                                </select>
                            </div>




                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.fullname')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" name="fullname" value="{{$request->fullname}}" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.fullname')}}">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.dateofbirth')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="date" name="driver_date_of_birth" value="{{$request->driver_date_of_birth}}" class="form-control direction" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('delegates_dashboard.dateofbirth')}}">
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('delegates_dashboard.sponser')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" name="sponsor_name" value="{{$request->sponsor_name}}"  class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.sponser')}} ">
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.region')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select id="region_id" name="region_id" class="form-control">
                                    @foreach($regions as $region)
                                        <option  @if( $region->id == $request->region_id ) selected @endif  value="{{$region->id}}" >{{$region->name}}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="first-name-column">{{awtTrans('المدينة')}}</label>
                                <div class="controls">
                                    <select name="city_id" class="select2 form-control" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}" >
                                        <option value>{{awtTrans('اختر المدينه')}}</option>
                                        @foreach ($cities as $city)
                                            <option @if( $city->id == $request->city_id ) selected @endif value="{{$city->id}}">{{$city->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.address')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" value="{{$request->address}}" name="address" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('delegates_dashboard.address')}}">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('delegates_dashboard.national_id')}}<span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" value="{{$request->identity_card}}" name="identity_card" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.national_id')}}">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.bank_number')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="number" value="{{$request->bank_iban_number}}" name="bank_iban_number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('delegates_dashboard.bank_number')}}">
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">  {{trans('delegates_dashboard.car_type')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select name="car_type_id" class="form-control">
                                    @foreach($cartypes as $cartype)
                                        <option   @if( $cartype->id == $request->car_type_id ) selected @endif  value="{{$cartype->id}}">{{$cartype->name}}</option>
                                    @endforeach
                                </select>
                            </div>



                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('delegates_dashboard.create_date')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="number" value="{{$request->manufacturing_year}}" name="manufacturing_year" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.create_date')}}  ">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.car_charc')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" name="car_letters" value="{{$request->car_letters}}" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('delegates_dashboard.car_charc')}}">
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.car_nums')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="car_numbers" type="number" value="{{$request->car_numbers}}"  class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.car_nums')}}">
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('delegates_dashboard.car_model')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="car_model" type="text" value="{{$request->car_model}}" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('delegates_dashboard.car_model')}}">
                            </div>


                            <h6 class="bold -bottom pt-3 pb-3 mb-4">{{trans('delegates_dashboard.files')}}</h6>


                            <div class="row  ">
                                <div class="col-sm-6 col-md-3  p-1">
                                    <div class=" round10  text-center">
                                        <label for="upload1">
                                            <input type="file" name="identity_card_image" id="upload1" onchange="viewImg(event ,'#viewer1')" class="d-none">
                                            <img src="{{$request->identity_card_image?URL::to('assets/uploads/users/'.$request->identity_card_image):URL::to('site/imgs/icons/upload_image.png')}}" style="display:block;max-width: 100%;max-height:100%;" id="viewer1" class="mb-2 cp" alt="">
                                            <span class="bold font12">{{trans('delegates_dashboard.national_id_img')}} </span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-3  p-1">
                                    <div class=" round10  text-center">
                                        <label for="upload2">
                                            <input type="file" name="driving_license" id="upload2" onchange="viewImg(event ,'#viewer2')" class="d-none">
                                            <img src="{{$request->driving_license?URL::to('assets/uploads/users/'.$request->driving_license):URL::to('site/imgs/icons/upload_image.png')}}" style="display:block;max-width: 100%;max-height:100%;" id="viewer2" class="mb-2 cp" alt="">
                                            <span class="bold font12"> {{trans('delegates_dashboard.driving_licence')}}</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-3  p-1">
                                    <div class=" round10  text-center">
                                        <label for="upload3">
                                            <input type="file" name="car_front" id="upload3" onchange="viewImg(event ,'#viewer3')" class="d-none">
                                            <img src="{{$request->car_front?URL::to('assets/uploads/users/'.$request->car_front):URL::to('site/imgs/icons/upload_image.png')}}" style="display:block;max-width: 100%;max-height:100%;" id="viewer3" class="mb-2 cp" alt="">
                                            <span class="bold font12">{{trans('delegates_dashboard.car_front')}}</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-3  p-1">
                                    <div class=" round10  text-center">
                                        <label for="upload4">
                                            <input type="file" name="car_back" id="upload4" onchange="viewImg(event ,'#viewer4')" class="d-none">
                                            <img src="{{$request->car_back?URL::to('assets/uploads/users/'.$request->car_back):URL::to('site/imgs/icons/upload_image.png')}}" style="display:block;max-width: 100%;max-height:100%;" id="viewer4" class="mb-2 cp" alt="">
                                            <span class="bold font12">{{trans('delegates_dashboard.car_back')}}</span>
                                        </label>
                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>



                    <button type="submit" id="submitform" class="button1 mt-3 " > {{trans('delegates_dashboard.send')}} </button>


                </form>
     </div>
  @endsection

@section('scripts')

    <script>
         $(document).on('change','#region_id',function(e){
            e.preventDefault();

            var id = $(this).val();

            var url = "{{route('delegate_join_request.join_request.change_region',['id'=>".id."])}}";
            console.log(url);
            $.ajax({
                url:'/delagate_join_request/change_region/'+id,
                type:"GET",
                dataType: "json",
                success:function(data){
                    if(data.key == 'fail'){
                        swal({
                            title: data.msg,
                            type: 'error',
                            timer: 3000,
                            showCloseButton: true,
                            showConfirmButton: false,
                            animation: true,
                        }).catch(swal.noop);
                    }else{
                        $('#city_id').html(data.html).fadeIn();
                    }

                }
            });
        });
    </script>

    <script>
            $(function(){
                $('.side-button .active').siblings('.side-dropdown').slideDown();
            });
    </script>


  <script>
        $(document).on('click','#submitform',function (e) {
            e.preventDefault();

            //get form data
            var form = $('#form').get(0);
            var formData = new FormData(form);

            $.ajax({
                url: "{{route('delegates_dashboard.update_delegate_details')}}",
                type: "POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success: function (data) {
                    //got a resposne?
                    if (data.key == 'success') {
                        Swal.fire({
                                icon: 'success',
                                title: '<h5 class="bold">'+data.msg+'</h5>',
                                showConfirmButton: false,
                                timer: 1500
                            });
                        location.assign(data.url);
                    } else {
                        swal.fire({
                            title: data.msg,
                            type: 'error',
                            timer: 3000,
                            showCloseButton: true,
                            showConfirmButton: false,
                            animation: true,
                        }).catch(swal.noop);
                    }
                }
            });
        });
    </script>
@endsection