Viewing file:  create.blade.php (5.75 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title', trans('layout.reservation'))
@section('css')
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css">
@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.reservation_create') }}</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.create') }}</a></li>
</ol>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-xxl-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">{{ trans('layout.create') }}</h4>
</div>
<div class="card-body">
<form action="{{ route('reservation.store') }}" method="POST" id="step-form-horizontal"
class="step-form-horizontal" enctype="multipart/form-data">
@csrf
<section>
<div class="row">
<div class="col-lg-12 mb-3">
<div class="form-group">
<label class="text-label">{{ trans('layout.restaurant') }}*</label>
<select name="restaurant_id" class="form-control" required>
@foreach($restaurants as $restaurant)
<option value="{{ $restaurant->id }}"
{{ old('restaurant_id', $reservation->restaurant_id ?? '') == $restaurant->id ? 'selected' : '' }}>
{{ $restaurant->name }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-12 mb-3">
<div class="form-group">
<label class="text-label">{{ trans('layout.date') }}*</label>
<input
value="{{ old('date', $reservation->date ?? '') }}"
type="text"
id="checkin-datepicker"
name="date"
class="form-control"
autocomplete="off"
required>
</div>
</div>
<div class="col-lg-12 mb-3">
<div class="form-group">
<label class="text-label">{{ trans('layout.party_size') }}*</label>
<input
value="{{ old('party_size', $reservation->party_size ?? '') }}"
type="number"
name="party_size"
class="form-control"
required>
</div>
</div>
<div class="col-lg-12 mb-3">
<div class="form-group">
<label class="text-label">{{ trans('layout.contact_number') }}*</label>
<input
value="{{ old('contact_number', $reservation->contact_number ?? '') }}"
type="number"
name="contact_number"
class="form-control"
required>
</div>
</div>
</div>
</section>
<div class="text-right">
<button class="btn btn-primary" type="submit">{{ trans('layout.submit') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script>
<script>
$(document).ready(function () {
$("#checkin-datepicker").datepicker({
dateFormat: "D, M d yy",
minDate: 0
});
$('.selectpicker').selectpicker();
});
</script>
@endsection
|