@extends('backend.layouts.app')

@section('breadcrumbs')
<x-backend-breadcrumbs>
    <x-backend-breadcrumb-item type="active" icon=''>@lang('adminLang.reservation_detail')</x-backend-breadcrumb-item>
</x-backend-breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <x-backend.section-header>
            <i class=""></i> @lang('adminLang.reservation_detail') <small class="text-muted"></small>

            <x-slot name="subtitle">
                
            </x-slot>
            <x-slot name="toolbar">
                
            </x-slot>
        </x-backend.section-header>
        
        <div class="row mt-4">
            <div class="col">
                
                <table class="table table-hover">
            <tr>
                <td>Reservation ID:</td>
                <td>{{$record->id}}</td>
            </tr>

            <tr>
                <td>Tour:</td>
                <td>{{$record->tour->name}}</td>
            </tr>
            <tr>
                <td>Days:</td>
                <td>{{$record->days}}</td>
            </tr>
            <tr>
                <td>Pax:</td>
                <td>{{$record->pax}}</td>
            </tr>
            <tr>
                <td>Total Price</td>
                <td>{{$record->total_price}} {{$record->currency}}</td>
            </tr>
            <tr>
                <td>Customer:</td>
                <td>{{$record->contact->name}}</td>
            </tr>
            <tr>
                <td>Contact:</td>
                <td>{{$record->contact->email}} - {{$record->contact->phone}}</td>
            </tr>
            <tr>
                <td>Special requirements:</td>
                <td>{{$record->requirements}} - {{$record->requirements}}</td>
            </tr>
            <tr>
                <td>Update Date:</td>
                <td>{{$record->updated_at->format('d-m-Y H:i:s')}}</td>
            </tr>
        </table>

                
        <p>
            <a href="{{ route($baseRoute . '.index') }} " class="btn btn-primary btn-sm">@lang('adminLang.back')</a>
        </p>
            </div>
        </div>
    </div>

</div>

@endsection