Edit File - File Manager

Edit File: edit_delegate.blade.php

@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="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" name="country_key">
                                            @foreach ($countries 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}}" max="{{ \Illuminate\Support\Carbon::now()->subYears(10)->format('Y-m-d') }}" 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 for="first-name-column">{{awtTrans('الدول')}}</label>
                                <div class="controls">
                                    <select name="country_id" id="country_id" class="select2 form-control" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}" >
                                        <option value>{{awtTrans('اختر الدولة')}}</option>
                                        @foreach ($countries as $country)
                                            <option value="{{$country->id}}" {{ isset($regionSelect) && $regionSelect['country_id'] == $country['id'] ? 'selected' : '' }}>{{$country->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

</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">
                                    <option value>{{awtTrans('اختر المنطقة / المحافظة ')}}</option>

</select>
                            </div>

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

</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="number" 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')

{{--    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();--}}
        {{--            }--}}

{{--        }--}}
        {{--    });--}}
        {{--});--}}

function changeCountry(){
            $('#city_id').html(`
                <option value>{{awtTrans('اختر المدينة ')}}</option>
            `);

var value = $('#country_id').val();
            var html = '';

@foreach ($regions as $region)
            if({{ $region['country_id'] }} == value){
                html += '<option value="{{$region->id}}" {{ isset($regionSelect) && $regionSelect['id'] == $region['id'] ? 'selected' : 'k' }}>{{$region->name}}</option>'
            }
            @endforeach

$('#region_id').html(`
                <option value>{{awtTrans('اختر المنطقة / المحافظة ')}}</option>
                ${html}
            `);
        }

changeCountry();

$(document).on('change', '#country_id', function (){

changeCountry();

});

function changeRegion(){
            var value = $('#region_id').val();
            $.ajax({
                url: '{{ route('delegate_join_request.join_request.change_city') }}',
                method: 'post',
                data: {
                    _token:'{{ csrf_token() }}',
                    region_id: value,
                    city_id:'{{ $city['id'] }}'
                },
                success: function(response) {

if(response.key == 'success'){
                        $('#city_id').html(`
                        ${response.html}

`);

}

},
                error: function(xhr) {
                    Swal.fire({
                        position: 'top-center',
                        type: 'error',
                        title: '{{ awtTrans('عذراًً يوجد خطأ ما !!!') }}',
                        showConfirmButton: true,
                        timer: 10000,
                        confirmButtonClass: 'btn btn-primary',
                        buttonsStyling: false,
                    })
                },
            });

}

$(document).on('change', '#region_id', function (){
            changeRegion();

});

changeRegion();

</script>

//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

Back to File Manager