@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <div class="card">
            <div class="card-header"><b>{{__('applicationForms.transformer_info')}}</b></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{__('applicationForms.name')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->name}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{__('applicationForms.absher_phone')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->phone}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{__('applicationForms.work_phone')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->work_phone}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>{{__('applicationForms.id_number')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->id_number}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>{{__('applicationForms.region')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->region_name }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>{{__('applicationForms.governorate')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->gov_name }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{__('applicationForms.car_model')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->car_model}}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{__('applicationForms.code')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->code}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="car_type">{{__('applicationForms.car_type')}}</label>
                            <input readonly class="form-control bg-white" value="{{$carType}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="car_type">{{__('applicationForms.car_load')}}</label>
                            <input readonly class="form-control bg-white" value="{{$carLoad}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="box_type">{{__('applicationForms.box_type')}}</label>
                            <input readonly class="form-control bg-white" value="{{$boxType}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="box_type">{{__('applicationForms.job_description')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->job_description}}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mt-3">
            <div class="card-header">{{__('applicationForms.guarantor_info')}}</div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{__('applicationForms.guarantor_name')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->guarantor_name}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{__('applicationForms.absher_phone')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->guarantor_work_phone}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{__('applicationForms.guarantor_work_phone')}}</label>
                            <input readonly class="form-control bg-white" value="{{$applicationForm->guarantor_work_phone}}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mt-3">
            <div class="card-header">{{__('applicationForms.attachment')}}</div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.id_photo')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->id_photo)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->id_photo)}}" title="{{__('applicationForms.id_photo')}}" alt="{{__('applicationForms.id_photo')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.car_form')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->car_form)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->car_form)}}" title="{{__('applicationForms.car_form')}}" alt="{{__('applicationForms.car_form')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.driving_licence')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->driving_licence)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->driving_licence)}}" title="{{__('applicationForms.driving_licence')}}" alt="{{__('applicationForms.driving_licence')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.trans_permission')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->trans_permission)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->trans_permission)}}" title="{{__('applicationForms.trans_permission')}}" alt="{{__('applicationForms.trans_permission')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.car_front')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->car_front)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->car_front)}}" title="{{__('applicationForms.car_front')}}" alt="{{__('applicationForms.car_front')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.car_back')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->car_back)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->car_back)}}" title="{{__('applicationForms.car_back')}}" alt="{{__('applicationForms.car_back')}}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group d-flex flex-column">
                            <label>{{__('applicationForms.car_side')}}</label>
                            <a class="icon" data-fancybox="gallery" href="{{asset($applicationForm->car_side)}}">
                                <img style="width: 100px" src="{{asset($applicationForm->car_side)}}" title="{{__('applicationForms.car_side')}}" alt="{{__('applicationForms.car_side')}}">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('inner_js')
    <script>
        $("[data-fancybox]").fancybox({
            selector: '[data-fancybox="images"]',
            loop: true
        });
    </script>
@endsection