@extends('admin.layouts.container')

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

<div class="border-item">
    <form class="form-row" >


        <div class="form-group col-lg-12">
            <h6>{{__('reservations.user_info')}}</h6>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.phone') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->user->phone}}</p>
        </div>
        <div class="form-group col-lg-12">
            <hr>
        </div>
        <div class="form-group col-lg-12">
            <h6>{{__('reservations.reservation_info')}}</h6>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.id') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->id}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.date') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->date}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.time') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->start_time .' - '.$reservation->end_time}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.length_time') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->length_time}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.created_at') }} </label>
            <p class="form-control" style="height: auto">{{date('Y/m/d',strtotime($reservation->created_at)) }}</p>
        </div>
        <div class="form-group col-lg-12">
            <hr>
        </div>
        <div class="form-group col-lg-12">
            <h6>{{__('reservations.room_info')}}</h6>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.room_name') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->room->currentDescription->name}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.room_cost') }} </label>
            <p class="form-control" style="height: auto">{{$payment->room_cost}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.length_time') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->length_time}}</p>
        </div>
        <div class="form-group col-lg-12">
            <hr>
        </div>
        <div class="form-group col-lg-12">
            <h6>{{__('reservations.bill_info')}}</h6>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.count_members') }} </label>
            <p class="form-control" style="height: auto">{{$reservation->count_members}}</p>
        </div>
        <div class="form-group col-lg-6">
            <label>{{ __('reservations.total') }} </label>
            <p class="form-control" style="height: auto">{{$payment->total}}</p>
        </div>

        {{-- End replies container--}}


    </form>
</div>

@endsection

@section('inner_js')
    <!-- Editor JS orders -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>-
    <script>
        var route_prefix = "{{ url(config('lfm.prefix')) }}";
        var url = "{{url('/')}}/";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>

@endsection