Edit File - File Manager

Edit File: join_request.blade.php

@extends('layouts.delegate_join_request_layout')

@section('style')

@endsection

@section('content')

<div class="w-md-50  m-auto round10 p-3 pl-4 pr-4 form-cont" >
        <div class="">
            <h6 class="bold border-bottom pt-3 pb-3 mb-3">{{awtTrans('ملاحظة مهمة')}} </h6>
            <p class="font14">
                {{awtTrans('     يجب عليك التحقق من ملفك الشخصي الخاص بك من خلال خانة (أنا) في التطبيق:
                1- أن تكون الصورة لك واضحة من غير نظارات شمسية وتظهر كامل الوجه.
                2- الاسم الثنائي لك كما هو ظاهر بالهوية الوطنية.
                مع العلم أنه لن يتم النظر لأي طلب لا يحقق الشروط المذكورة أعلاه')}}
            </p>
        </div>
    </div>

<form id="join_request" class="container ">
            {{csrf_field()}}
            <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{awtTrans(' بيانات المندوب')}} </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('site/imgs/icons/upload-img.png')}}" id="view1" class="input-img" alt="">
                                <img src="{{URL::to('site/imgs/icons/camera.png')}}" class="input-img-camera" alt="">
                            </div>
                            <input name="personal_image" onchange="viewImg(event ,'#view1')"  accept="image/*" class="d-none" type="file" name="" id="file1">
                        </label>
                    </div>
                    <div class="col">
                        <h6 class="bold font14">{{awtTrans('الصورة الشخصية')}} </h6>
                    </div>
                </div>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans(' الجنسية')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <select name="nationality_id" class="form-control">
                    <option selected disabled> {{awtTrans(' الرجاء تحديد الجنسية')}} </option>
                    @foreach($nationalities as $nationality)
                        <option value="{{$nationality->id}}">{{$nationality->name}}</option>
                    @endforeach
                </select>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans('الإسم بالكامل')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="fullname" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('الإسم بالكامل')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">{{awtTrans('  تاريخ الميلاد')}}   <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="driver_date_of_birth" type="date" class="form-control direction" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{awtTrans('  تاريخ الميلاد')}} ">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">{{awtTrans(' اسم الكفيل')}}   <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="sponsor_name" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans(' اسم الكفيل')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans(' شركة المناديب ان وجد')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <select name="company_id" class="form-control">
                    <option selected disabled> {{awtTrans(' الرجاء تحديد الشركة')}} </option>
                    <option value="" >{{awtTrans('لا يوجد')}}</option>
                     @foreach($companies as $company)
                        <option value="{{$company->id}}">{{$company->name}}</option>
                    @endforeach
                </select>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans(' المنطقة')}}   <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <select id="region_id" name="region_id" class="form-control">
                    <option selected disabled>{{awtTrans(' الرجاء تحديد المنطقة')}} </option>
                    @foreach($regions as $region)
                        <option value="{{$region->id}}">{{$region->name}}</option>
                    @endforeach
                </select>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">{{awtTrans('المدينة')}}   <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <select id="city_id" name="city_id" class="form-control">
                    <option selected disabled>{{awtTrans(' الرجاء إختيار المنطقة أولا')}}  ً</option>
                </select>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">{{awtTrans('العنوان')}}    <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="address" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('العنوان')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans('رقم الهوية الوطنية')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="identity_card" type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('رقم الهوية الوطنية')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans('رقم الحساب البنكي')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="bank_iban_number" type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('رقم الحساب البنكي')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans(' نوع السيارة')}}<span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <select name="car_type_id" class="form-control">
                    <option selected disabled>{{awtTrans('الرجاء تحديد نوع السيارة')}} </option>
                    @foreach($cartypes as $cartype)
                        <option value="{{$cartype->id}}">{{$cartype->name}}</option>
                    @endforeach
                </select>
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans('سنة الصنع')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="manufacturing_year" type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('سنة الصنع')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">  {{awtTrans(' حروف لوحة المركبة')}}<span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="car_letters" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans(' حروف لوحة المركبة')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1">{{awtTrans('أرقام لوحة المركبة')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="car_numbers" type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('أرقام لوحة المركبة')}}">
            </div>

<div class="form-group">
                <label class="bold font14" for="exampleInputEmail1"> {{awtTrans('موديل المركبة')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                <input name="car_model" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{awtTrans('موديل المركبة')}}">
            </div>

<h6 class="bold -bottom pt-3 pb-3 mb-4"> {{awtTrans('المرفقات  ')}} </h6>

<div class="row">
                <div class="col-sm-6 col-md-3  p-1">
                    <div class=" round10  text-center">
                        <label for="upload1">
                            <input name="identity_card_image" type="file" name="" accept="image/*" id="upload1" onchange="viewImg(event ,'#viewer1')" class="d-none">
                            <img src="{{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">{{awtTrans(' الهوية الوطنية')}}</span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3  p-1">
                    <div class=" round10  text-center">
                        <label for="upload2">
                            <input name="driving_license" type="file" name="" accept="image/*" id="upload2" onchange="viewImg(event ,'#viewer2')" class="d-none">
                            <img src="{{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">{{awtTrans(' رخصة القيادة')}} </span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3  p-1">
                    <div class=" round10  text-center">
                        <label for="upload3">
                            <input name="car_front" type="file" name="" accept="image/*" id="upload3" onchange="viewImg(event ,'#viewer3')" class="d-none">
                            <img src="{{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">{{awtTrans('السيارة من الامام')}}   </span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3  p-1">
                    <div class=" round10  text-center">
                        <label for="upload4">
                            <input name="car_back" type="file" name="" accept="image/*" id="upload4" onchange="viewImg(event ,'#viewer4')" class="d-none">
                            <img src="{{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">{{awtTrans('السيارة من الخلف')}} </span>
                        </label>
                    </div>
                </div>
            </div>

<div>
                <div class="">
                    <input name="terms" class="" type="checkbox">
                    <label data-toggle="modal" data-target="#exampleModal" class="cp m-2 font14" >
                        {{awtTrans(' الموافقة على الشروط والاحكام')}}
                    </label>
                </div>
                
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">{{awtTrans('الشروط والأحكام ')}} </h5>
                        </div>
                            <div class="modal-body">

{!! $setting['terms_' . app()->getLocale()] !!}

</div>
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">إغلاق</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <button class="join_request button1 w-100 mt-3"> {{awtTrans('إرسال الطلب')}}
                <i class="spinner-ajax fa fa-spinner fa-spin"></i>
            </button>
        </form>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).on('click','.join_request',function (e) {
            e.preventDefault();

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

//disable the submitted button and show he spinner
            $(this).prop('disabled', true).css({opacity: '0.5'});
            $('.spinner-ajax').css({display: 'inline-block'});

$.ajax({
                url: "{{route('delegate_join_request.join_request.post')}}",
                type: "POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success: function (data) {
                    // undisable the submitted button and hide the spinner
                    $('.join_request').removeAttr("disabled").css({opacity: '1'});
                    $('.spinner-ajax').css({display: 'none'});
                    //got a resposne?
                    if (data.key == 'success') {
                        location.assign(data.url);
                    } else {
                        swal({
                            title: data.msg,
                            type: 'error',
                            timer: 3000,
                            showCloseButton: true,
                            showConfirmButton: false,
                            animation: true,
                        }).catch(swal.noop);
                    }
                }
            });
        });
        // fech region cities
        $(document).on('change','#region_id',function(e){
            e.preventDefault();

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

}
            });
        });
    </script>
@endsection

Back to File Manager