@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' join request details':' تفاصيل طلب الانضمام'}}

@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.request_details')}}</h6>
                        <p class="mb-1">{{trans('delegates_dashboard.requests')}} / {{trans('delegates_dashboard.request_details')}}</p>
                    </div>
                </div>


                <div class=" white-bg round7 font14 mb-3 mt-2 ">
                    <h6 class="bold border-bottom p-3 mb-4">{{trans('delegates_dashboard.delegate_info')}}</h6>


                    <div class="form-group">
                        <div class="row p-1 pl-3 pr-3 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 round50" style="height: 70px; width: 70px;" alt="">
                                    </div>
                                </label>
                            </div>
                            <div class="col">
                                <h6 class="bold font14">{{trans('delegates_dashboard.avatar')}}</h6>
                            </div>
                        </div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.name')}}</div>
                        <div class="col">{{$user->name}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.phone')}}</div>
                        <div class="col">0{{$user->phone}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.nationality')}}</div>
                        <div class="col">{{$request->nationality->getTranslation('name', app()->getLocale())}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.created_at')}}</div>
                        <div class="col">{{Carbon\Carbon::parse($request?->created_at->addHours(2))->format('d/m/Y - H:i A')}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.fullname')}}</div>
                        <div class="col ">  {{$request->fullname}}  </div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.dateofbirth')}}</div>
                        <div class="col">{{$request->driver_date_of_birth}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.region')}}</div>
                        <div class="col">{{$request->city->region->getTranslation('name', app()->getLocale())}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.city')}}</div>
                        <div class="col">{{$request->city->getTranslation('name', app()->getLocale())}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.address')}}</div>
                        <div class="col">{{$request->address}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.national_id')}}</div>
                        <div class="col">{{$request->identity_card}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.bank_number')}}</div>
                        <div class="col">{{$request->bank_iban_number}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.car_type')}}</div>
                        <div class="col">{{$request->carType->getTranslation('name', app()->getLocale()) }}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.create_year')}}</div>
                        <div class="col">{{$request->manufacturing_year}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.car_charc')}}</div>
                        <div class="col">{{$request->car_letters}}  </div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.car_nums')}}</div>
                        <div class="col">{{$request->car_numbers}}</div>
                    </div>


                </div>


                <div class=" white-bg round7  mt-2 pt-3 pb-3">
                            <h6 class="bold -bottom p-3 mb-4">{{trans('delegates_dashboard.files')}}</h6>


                            <div class="row  w-md-75">
                                <div class="col-sm-6 col-md-3  p-1">
                                    <div class=" round10  text-center">
                                        <label for="upload1">
                                            <img src="{{URL::to('assets/uploads/users/'.$request->identity_card_image)}}" 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">
                                            <img src="{{URL::to('assets/uploads/users/'.$request->driving_license)}}" 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">
                                            <img src="{{URL::to('assets/uploads/users/'.$request->car_front)}}" 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">
                                            <img src="{{URL::to('assets/uploads/users/'.$request->car_back)}}" 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>
    @endsection

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

@endsection