@extends('layouts.master2')

@section('title') Edits Bookings @endsection

@section('content')

@component('components.breadcrumb')
    @slot('li_1') Dashboard @endslot
    @slot('title') Edits Bookings @endslot
@endcomponent

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <a href="{{ url('list-bookings') }}">
                    <button class="btn btn-danger float-end">
                        Close Form
                    </button>
                </a>

                <br><br>

                <form action="{{ url('update-bookings') }}" method="POST">
                    @csrf

                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label>Vehicle</label>
                            <select name="carid" class="form-control">
                                <option value="">Select Vehicle</option>

                                @foreach($vehicles as $vehicle)
                                    <option value="{{ $vehicle->id }}"
                                        {{ $bookings->carid == $vehicle->id ? 'selected' : '' }}>
                                        ( {{$vehicle->name}} ) {{ $vehicle->model }} - {{ $vehicle->plateno }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Customer Name</label>
                            <input type="hidden" name="id" class="form-control"
                                value="{{ $bookings->id }}">
                            <input type="text" name="customername" class="form-control"
                                value="{{ $bookings->customername }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Pickup Date/Time</label>
                            <input type="date" name="rentaldate" class="form-control"
                                value="{{ $bookings->rentaldate }}">
                            <input type="time" name="rentaltime" class="form-control"
                                value="{{ $bookings->rentaltime }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Return Date/Time</label>
                            <input type="date" name="returndate" class="form-control"
                                value="{{ $bookings->returndate }}">
                            <input type="time" name="returntime" class="form-control"
                                value="{{ $bookings->returntime }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Ic Number</label>
                            <input type="text" name="icnumber" class="form-control"
                                value="{{ $bookings->ic }}">
                        </div>

                        <div class="col-md-6 mb-3">
                            <label>Phone Number</label>
                            <input type="text" name="phonenumber" class="form-control"
                                value="{{ $bookings->phonenumber }}">
                        </div>

                        <div class="col-md-12 mb-3">
                            <label>Address</label>
                            <input type="text" name="address" class="form-control"
                                value="{{ $bookings->address }}">
                        </div>

                    </div>

                    <hr>
                    <h5>Payment Details</h5>

                    <div class="row">

                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Describtion">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Quantity">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Total">
                        </div>
                    
                    </div>
                    
                    <div class="row">

                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Price Per Day">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" name="rentalperday" value="{{$bookings->rentalperday}}" readonly>
                        </div>
                    
                    </div>
                    
                    <div class="row">

                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Total Days">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" name="totalday" value="{{$bookings->totalday}}" readonly>
                        </div>
                    
                    </div>
                    
                    <div class="row">
                        
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="Discount">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" readonly value="">
                        </div>
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" name="discount" value="{{$bookings->discount}}">
                        </div>
                    
                    </div>
                    
                    <div class="row">

                        <div class="col-md-8 mb-3">
                            <input type="text" class="form-control" readonly value="Total Price">
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <input type="text" class="form-control" name="rentalprice" value="{{$bookings->rentalprice}}" readonly>
                        </div>
                    
                    </div>

                    <button type="submit" class="btn btn-primary">
                        Update Booking
                    </button>

                </form>

            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script src="{{ URL::asset('build/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/form-validation.init.js') }}"></script>
@endsection