Viewing file:  edit.blade.php (2.62 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title', trans('layout.edit'))
@section('css')
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<style>
.float-right{
float: right;
}
.input-group-text{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
</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.edit') }}</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.edit') }}</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.edit') }}</h4>
</div>
<div class="card-body">
<form action="{{ route('update.reservation', [$reservation->id]) }}" method="post" id="step-form-horizontal"
class="step-form-horizontal" enctype="multipart/form-data">
@csrf
@method('put')
@include('reservation.form')
<button class="btn btn-primary btn-sm float-right" type="submit">Submit</button>
</form>
</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
|