@extends('web.layouts.container')

@section('content')
    <section class="inner_header">
        <img src="{{asset('assets/web/images/icons/inner.svg')}}" alt="" class="inner_shap">
        <div class="container">
            <ul class="links">
                <li>
                    <a href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">{{__('main.home')}}</a>
                </li>
                <li>
                    <a href="#"> {{$title}} </a>
                </li>
            </ul>
            <h4>{{$title}}</h4>
        </div>
    </section>
    <section class="consultation-sec section_padding">
        <div class="container">
            <div class="box">
                <div class="bb row">
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.type')}}</b></p>
                            <p class="data">{{__('documentationRequests.'.$documentation->type)}}</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.documentation_type_id')}}</b></p>
                            <p class="data">{{$documentation->documentationTypeName}}</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.request_details')}}</b></p>
                            <p class="data">{{wordLimit($documentation->notes, 14, '')}}</p>
                        </div>
                    </div>

                </div>
                <div class="bb row">
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.date')}}</b></p>
                            <p class="data">{{date('d/m/y', strtotime($documentation->documentation_date))}}</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.time')}}</b></p>
                            <p class="data">{{date('h:i A', strtotime($documentation->documentation_time))}}</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.pay_way')}}</b></p>
                            <p class="data"><img src="{{asset('assets/web/images/icons/payment-3.svg')}}" alt="" class="icon"/>
                                {{__('documentationRequests.'.$documentation->pay_way)}}
                            </p>
                        </div>
                    </div>

                </div>
                <div class="bb row">
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.status')}}</b></p>
                            <p class="data">
                                <span class="badge bg-secondary">
                                    {{__('documentationRequests.'.$documentation->status)}}
                                </span>
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="item">
                            <p class="label mb-3"><b>{{__('documentationRequests.city')}}</b></p>
                            <p class="data">{{$documentation->city_name ?? __('documentationRequests.'.$documentation->type)}}</p>
                        </div>
                    </div>
                </div>
                <p class="note mt-5">
                    <i class="bi bi-exclamation-circle"></i>
                    {{__('documentationRequests.documentation_details_hint')}}
                </p>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')

@endsection
