111 lines
5.9 KiB
PHP
111 lines
5.9 KiB
PHP
@extends('layouts.frontend')
|
|
@section('title', 'Services')
|
|
@push('style')
|
|
<style>
|
|
.gj-icon.clock {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />
|
|
@endpush
|
|
@section('content')
|
|
<div class="section-title-furits text-center">
|
|
<h2>BOOKING SERVICE</h2>
|
|
</div>
|
|
<div class="shop-page-wrapper shop-page-padding ptb-100">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-6">
|
|
<form action="{{ route('booking.store') }}" method="POST">
|
|
@csrf
|
|
<!-- Tambahkan kode untuk menampilkan pesan kesalahan -->
|
|
@if ($errors->any())
|
|
<div class="alert alert-danger">
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="form-group">
|
|
<label for="obtainedName">Service Name</label>
|
|
@foreach ($service->obtaineds as $obtained)
|
|
<input type="text" hidden class="form-control" id="obtainedName" name="service_name" value="{{ $obtained->name }}" readonly>
|
|
<input type="text" class="form-control" id="obtainedName" value="{{ $obtained->name }}" readonly disabled>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="form-group">
|
|
<label for="servicePrice">Service Price</label>
|
|
<input type="text" hidden class="form-control" id="servicePrice" name="price" value="{{ $service->price }}" readonly>
|
|
<input type="text" class="form-control" id="servicePrice" value="IDR. {{ number_format($service->price, 0, '.', '.') }}" readonly disabled>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group text-center">
|
|
<h4 class="mt-2">Category : {{ $service->name }}</h4>
|
|
<input type="text" hidden class="form-control" id="obtainedName" name="category" value="{{ $service->name }}" readonly>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="form-group">
|
|
<label for="name">Your Name</label>
|
|
<input type="text" class="form-control" name="name" id="name" required>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="form-group">
|
|
<label for="handphone">WhatsApp</label>
|
|
<input type="text" class="form-control" name="handphone" id="handphone" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="schedule_id">Choose Schedule</label>
|
|
<select id="schedule_id" name="schedule_id" class="form-control" required>
|
|
@forelse($schedules as $schedule)
|
|
<option value="{{ $schedule->id }}">{{ $schedule->date }} - {{ $schedule->start_time }} to {{ $schedule->end_time }} ({{ $schedule->status == 'not available' ? 'Not Available' : 'Available' }})</option>
|
|
@empty
|
|
<option value="" disabled>Jadwal tidak tersedia</option>
|
|
@endforelse
|
|
</select>
|
|
</div>
|
|
<h4>Payment</h4>
|
|
<div class="ship-different-title">
|
|
<h5>
|
|
<input id="cash" type="checkbox" name="cash"/>
|
|
<label for="cash">Cash</label>
|
|
</h5>
|
|
<h5>
|
|
<input id="cashless" type="checkbox" name="cashless"/>
|
|
<label for="cashless">Cashless</label>
|
|
</h5>
|
|
</div>
|
|
<button type="submit" class="btn btn-dark btn-lg btn-block">Next<i class="ml-2 fa-solid fa-circle-arrow-right"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.querySelector('form').addEventListener('submit', function (e) {
|
|
// Ambil nilai dari checkbox cash dan cashless
|
|
var cashChecked = document.getElementById('cash').checked;
|
|
var cashlessChecked = document.getElementById('cashless').checked;
|
|
|
|
// Periksa apakah keduanya dicentang
|
|
if (cashChecked && cashlessChecked) {
|
|
e.preventDefault(); // Hentikan pengiriman formulir
|
|
document.getElementById('paymentAlert').style.display = 'block'; // Tampilkan pesan peringatan
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|
|
|