Viewing file:  details.blade.php (7.25 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title', trans('layout.details'))
@section('css')
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<style>
.details{
display: flex;
align-items: center;
margin: 10px;
}
.details .type{
color: #3C4469;
font-size: 16px;
font-weight: 600;
}
.details .value{
color: #000;
font-size: 16px;
margin-left: 20px;
}
.card-title.card-title2 {
font-size: 18px;
font-weight: 600;
}
.float-right{
float: right;
}
.text-uper-class{
text-transform: capitalize;
}
</style>
@endsection
@section('main-content')
<div class="row page-titles mx-0">
<div class="col-sm-6 p-md-0">
<div class="welcome-text">
<h4>{{ trans('layout.reservation') }}</h4>
<p class="mb-0">{{ trans('layout.details') }}</p>
</div>
</div>
<div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">{{ trans('layout.home') }}</a></li>
<li class="breadcrumb-item"><a href="{{ route('check.reservation') }}">{{ trans('layout.reservation') }}</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">{{ trans('layout.details') }}</a></li>
</ol>
</div>
</div>
<!-- row -->
<div class="row">
<div class="col-xl-12 col-xxl-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">{{ trans('layout.details') }}</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="card-title card-title2">{{ trans('layout.customer_details') }}</h4>
</div>
<div class="card-body">
<div class="details">
<div class="type">{{ trans('auth.name') }} :</div>
<div class="value">{{$reservation->user->name}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.phone_number') }} :</div>
<div class="value">{{$reservation->user->phone_number}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.email') }} :</div>
<div class="value">{{$reservation->user->email}}</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="card-title card-title2">{{ trans('layout.reservation') }} {{ trans('layout.details') }}</h4>
</div>
<div class="card-body">
<div class="details">
<div class="type">{{ trans('layout.date') }} :</div>
<div class="value">{{$reservation->date}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.party_size') }} :</div>
<div class="value">{{$reservation->party_size}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.name') }} :</div>
<div class="value">{{$reservation->restaurant->name}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.phone_number') }} :</div>
<div class="value">{{$reservation->restaurant->phone_number}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.email') }} :</div>
<div class="value">{{$reservation->restaurant->email}}</div>
</div>
<div class="details">
<div class="type">{{ trans('layout.status') }} :</div>
<div class="value">
@if($reservation->status == 'approved')
<span class="badge light badge-success text-uper-class">{{$reservation->status}}</span>
@elseif ($reservation->status == 'rejected')
<span class="badge light badge-danger text-uper-class">{{$reservation->status}}</span>
@else
<span class="badge light badge-warning text-uper-class">{{$reservation->status}}</span>
@endif
</div>
</div>
@if($reservation->status == 'pending'|| auth()->user()->type == 'admin')
<div class="float-right mt-4">
<a href="{{route('edit.reservation',[$reservation->id])}}" class="btn btn-primary btn-sm">{{ trans('layout.edit') }}</a>
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js') <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#checkin-datepicker").datepicker({
dateFormat: "D, M d yy",
minDate: 0, // Prevent past date selection
onSelect: function(dateText) {
$("#checkin-label").text(dateText);
}
});
$("#checkin-date").on("click", function() {
$("#checkin-datepicker").datepicker("show");
});
});
</script>
@endsection
|