@extends('layouts.app')
@section('title', 'Update Booking Status')

@section('content')
    @php
        use Carbon\Carbon;
    @endphp

    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Update Booking Status</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Update Booking Status</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">

            {{-- Booking Info --}}
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Booking Info</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        {{-- Same content as view page --}}
                        <div class="col-md-6"><label>Booking ID:</label>
                            <p>{{ $booking->unique_booking_id }}</p>
                        </div>
                        <div class="col-md-6"><label>User Name:</label>
                            <p>{{ optional($booking->customer)->name ?? '-' }}</p>
                        </div>
                        <div class="col-md-6"><label>Vendor Name:</label>
                            <p>{{ optional($booking->vendor)->name ?? '-' }}</p>
                        </div>
                        <div class="col-md-6"><label>Booking Type:</label>
                            <p>{{ config('constant.booking_types')[$booking->booking_type] ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-6"><label>Payment Type:</label>
                            <p>{{ ucfirst($booking->payment_type) }}</p>
                        </div>
                        <div class="col-md-6"><label>Booking Date Time:</label>
                            <p>{{ Carbon::parse($booking->booking_date_time)->format(config('constant.date_format.display_datetime_format')) }}
                            </p>
                        </div>
                        <div class="col-md-6"><label>Total Price:</label>
                            <p>{{ number_format($booking->total_price, 2) . ' ' . $currency }}</p>
                        </div>
                        <div class="col-md-6"><label>Discount Amount:</label>
                            <p>{{ number_format($booking->discount_amount, 2) . ' ' . $currency }}</p>
                        </div>
                        <div class="col-md-6"><label>Final Price:</label>
                            <p>{{ number_format($booking->final_price, 2) . ' ' . $currency }}</p>
                        </div>
                    </div>

                    {{-- Booking Items --}}
                    <hr>
                    <h5>Booking Items</h5>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Service Name</th>
                                    <th>Category</th>
                                    <th>Type</th>
                                    <th>Total</th>
                                    <th>Discount</th>
                                    <th>Final</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($bookingItems as $key => $item)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $item->service_name }}</td>
                                        <td>{{ $item->category_name }}</td>
                                        <td>{{ $item->service_type_name }}</td>
                                        <td>{{ number_format($item->total_price, 2) }}</td>
                                        <td>{{ number_format($item->discount_price, 2) }}</td>
                                        <td>{{ number_format($item->final_price, 2) }}</td>
                                    </tr>
                                @endforeach
                                @if ($bookingItems->isEmpty())
                                    <tr>
                                        <td colspan="7" class="text-center">No items found.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>

                    {{-- Transactions --}}
                    <hr>
                    <h5>All Transactions</h5>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Type</th>
                                    <th>Transaction ID</th>
                                    <th>Amount</th>
                                    <th>Invoice ID</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($mergedTransactions as $index => $trans)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $trans['type'] }}</td>
                                        <td>{{ $trans['transaction_id'] }}</td>
                                        <td>{{ number_format($trans['amount'], 2) . ' ' . $currency }}</td>
                                        <td>{{ $trans['invoice_id'] ?? '-' }}</td>
                                        <td>{{ $trans['created_at'] }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">No transactions found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    {{-- Update Status Form --}}
                    <hr>
                    <h5>Update Status</h5>
                    <form id="updateBookingForm"
                        action="{{ route('bookingorder.update', Helper::encryptId($booking->booking_id)) }}"
                        method="POST">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="booking_status">Booking Status <span class="text-danger">* </span></label>
                                <select name="booking_status" id="booking_status" class="form-control"
                                    {{ in_array($booking->booking_status, [$bookingStatusesName['cancelled'], $bookingStatusesName['rejected']]) ? 'disabled' : '' }}>
                                    <option value="">-- Select Status --</option>
                                    @foreach ($bookingStatuses as $key => $label)
                                        <option value="{{ $key }}"
                                            {{ isset($booking->booking_status) && $booking->booking_status == $key ? 'selected' : '' }}>
                                            {{ ucfirst($label) }}
                                        </option>
                                    @endforeach
                                </select>
                                @if (in_array($booking->booking_status, [$bookingStatusesName['cancelled'], $bookingStatusesName['rejected']]))
                                    <input type="hidden" name="booking_status" value="{{ $booking->booking_status }}">
                                @endif
                            </div>
                            <div class="form-group col-md-6 d-none" id="reasonBox">
                                <label for="reason">Reason (if Rejected or Cancelled) <span
                                        class="text-danger">*</span></label>
                                @foreach ($bookingCancelReason as $option)
                                    <div class="form-check">
                                        <input type="radio" name="reason" id="reason_{{ $loop->index }}"
                                            value="{{ $option->booking_cancel_reason_id }}"
                                            class="form-check-input updateBookingForm"
                                            {{ old('reason', $booking->booking_cancel_reason_id ?: $booking->booking_cancel_reason_id) == $option->booking_cancel_reason_id ? 'checked' : '' }}
                                            {{ $booking->booking_cancel_reason_id || $booking->booking_cancel_reason_id ? 'disabled' : '' }}>
                                        <label class="form-check-label" for="reason_{{ $loop->index }}">
                                            {{ $option->reason }}
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <div class="d-flex justify-content-between mt-3">
                            <a href="{{ route('bookingorder.list') }}" class="btn btn-secondary">Back</a>
                            <button type="submit" class="btn btn-success"
                                {{ in_array($booking->booking_status, [$bookingStatusesName['cancelled'], $bookingStatusesName['rejected']]) ? 'disabled' : '' }}>Update
                                Status</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script src="{{ asset('js/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('js/additional-methods.min.js') }}"></script>
    <script>
        $(document).ready(function() {

            function toggleReasonBox() {

                let status = $('#booking_status').val();

                $('#reason').removeClass('is-invalid');
                $('.updateBookingForm').validate().resetForm();
                if (status === '3' || status === '4') {
                    var msg = "cancellation";
                    if (status === '4') {
                        msg = "Rejection";
                    }
                    $('#reasonBox').removeClass('d-none');
                    $('#reason').rules('add', {
                        required: true,
                        messages: {
                            required: "Please provide a reason for " + msg + "."
                        }
                    });
                } else {
                    $('#reasonBox').addClass('d-none');
                    $('#reason').rules('remove');
                }
            }

            // Validate form
            $('#updateBookingForm').validate({
                rules: {
                    booking_status: {
                        required: true
                    }
                },
                messages: {
                    booking_status: {
                        required: "Please select a booking status."
                    }
                },
                errorElement: 'span',
                errorPlacement: function(error, element) {
                    error.addClass('invalid-feedback');
                    element.closest('.form-group').append(error);
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                }
            });

            // Init & bind events
            toggleReasonBox();
            $('#booking_status').on('change', function() {
                toggleReasonBox();
            });
        });
    </script>
@endsection