@extends('layouts.master')
@section('title', 'Souvenir Request Summary Form')

@section('style')
    <style>
    </style>
@endsection

@section('script')
    <script></script>
@endsection


@section('content')
    @include('layouts.header')

    @include('layouts.title')



    <section>
        <div class="container py-10">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-dark fs-30">@yield('title')</span>
                </div>
                <div style="max-width: 150px;" class="text-center">
                    <span class="fw-bold">เลขที่คำขอเบิก</span>
                    <br>
                    <div class="card">
                        <div class="card-body p-2 text-center">
                            <span class="fs-15 text-primary">{{ $order->order_code }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <br>

            <div class="card shadow rounded-4 border-0">
                <div class="card-body px-4 py-4">

                    <div class="table-responsive">
                        <table class="table table-bordered align-middle">
                            <thead class="table-light text-center">
                                <tr>
                                    <th class="w-5">No.</th>
                                    <th class="w-15">Image</th>
                                    <th class="w-25">Name</th>
                                    <th class="w-10">Qty</th>
                                    <th class="w-20">Unit Price (THB)</th>
                                    <th class="w-20">Total Price (THB)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($products as $i => $item)
                                    <tr>
                                        <td class="text-center">{{ $i + 1 }}</td>
                                        <td class="text-center">
                                            <img src="{{ $item->product_image ? asset('product_images/' . $item->product_image) : asset('images/no-image.png') }}"
                                                alt="Product Image" class="img-thumbnail rounded"
                                                style="width: 60px; height: 60px;">
                                            @if ($item->product_type == '7')
                                                <div class="mt-1">
                                                    <span class="badge bg-warning text-dark">Premium</span>
                                                </div>
                                            @endif
                                        </td>
                                        <td>{{ $item->product_name }}</td>
                                        <td class="text-center">{{ $item->quantity }}</td>
                                        <td class="text-end">{{ number_format($item->product_price, 2) }}</td>
                                        <td class="text-end">{{ number_format($item->quantity * $item->product_price, 2) }}
                                        </td>
                                    </tr>
                                @endforeach

                                <tr class="table-light">
                                    <td colspan="3" class="text-end fw-bold">Total Quantity:</td>
                                    <td class="text-center fw-bold">{{ $totalQty }}</td>
                                    <td class="text-end fw-bold">Total:</td>
                                    <td class="text-end fw-bold">{{ number_format($total, 2) }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <hr class="my-8" />

                    @php
                        $isSubmitted = $order->order_status === 'submitted';
                        $user = auth()->user();
                        $isReadonly = $isSubmitted || $user->hasRole('Authorize') || $user->hasRole('Supervisor');
                        $isRequestRole = $user->hasRole('Requester') || $user->hasRole('AdminConsult');
                    @endphp

                    <form action="{{ route('requestsummaryformsubmit', $order->order_id) }}" method="POST">
                        @csrf
                        <input type="hidden" name="order_id" value="{{ $order->order_id }}">
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <label for="order_customer_name" class="form-label fw-bold">Firstname - Lastname <span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="order_customer_name"
                                    name="order_customer_name"
                                    value="{{ old('order_customer_name', $order->order_customer_name) }}"
                                    {{ $isReadonly ? 'readonly' : '' }} required>
                            </div>
                            <div class="col-md-6">
                                <label for="order_division" class="form-label fw-bold">หน่วยงาน <span
                                        class="text-danger">*</span></label>
                                <select class="form-select" id="order_division" name="order_division" required
                                    {{ $isReadonly ? 'disabled' : '' }}>
                                    <option value="">-- Please select division --</option>
                                    @foreach ($divisions as $division)
                                        <option value="{{ $division->school_division_id }}"
                                            {{ old('order_division', $order->order_division) == $division->school_division_id ? 'selected' : '' }}>
                                            {{ $division->school_division_name_en }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-6">
                                <label for="order_email" class="form-label fw-bold">E-mail <span
                                        class="text-danger">*</span></label>
                                <input type="email" class="form-control" id="order_email" name="order_email"
                                    value="{{ old('order_email', auth()->user()->email) }}"
                                    {{ $isReadonly ? 'readonly' : '' }}>
                            </div>
                            <div class="col-md-6">
                                <label for="order_purpose" class="form-label fw-bold">วัตถุประสงค์ในการเบิก <span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="order_purpose" name="order_purpose"
                                    value="{{ old('order_purpose', $order->order_purpose) }}"
                                    {{ $isReadonly ? 'readonly' : '' }}>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-4">
                                <label for="order_request_date" class="form-label fw-bold">วันที่ขอเบิก <span
                                        class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="order_request_date" name="order_request_date"
                                    value="{{ old('order_request_date', \Carbon\Carbon::parse($order->order_request_date)->format('Y-m-d')) }}"
                                    {{ $isReadonly ? 'readonly' : '' }} required>
                            </div>
                            <div class="col-md-4">
                                <label for="order_receive_date"
                                    class="form-label fw-bold">วันที่รับของจากฝ่ายประสานงานกลาง</label>
                                <input type="date" class="form-control" id="order_receive_date" name="order_receive_date"
                                    value="{{ old('order_receive_date', $order->order_receive_date ? \Carbon\Carbon::parse($order->order_receive_date)->format('Y-m-d') : '') }}"
                                    {{ $isReadonly ? 'readonly' : '' }}>
                            </div>
                            <div class="col-md-4">
                                <label for="order_use_date" class="form-label fw-bold">วันที่นำไปใช้งานจริง</label>
                                <input type="date" class="form-control" id="order_use_date" name="order_use_date"
                                    value="{{ old('order_use_date', $order->order_use_date ? \Carbon\Carbon::parse($order->order_use_date)->format('Y-m-d') : '') }}"
                                    {{ $isReadonly ? 'readonly' : '' }}>
                            </div>
                        </div>

                        <div class="mb-4">
                            <label for="order_address" class="form-label fw-bold">ที่อยู่ในการจัดส่ง</label>
                            <textarea class="form-control" id="order_address" name="order_address" rows="3" required
                                {{ $isReadonly ? 'readonly' : '' }}>{{ old('order_address', $order->order_address) }}</textarea>
                        </div>



                        @if ($isRequestRole)
                            <div class="text-center mt-4">
                                {{-- <a href="{{ route('requestsummarypreview', $order->order_id) }}" target="_blank"
                                    class="btn btn-pink rounded-pill">Preview</a> --}}
                                <button type="submit" class="btn btn-pink rounded-pill"
                                    formaction="{{ url('/requestsummarypreview') }}" formtarget="_blank">
                                    Preview
                                </button>
                                <button type="submit" class="btn btn-green rounded-pill">
                                    <i class="bi bi-check-circle me-1"></i> Submit Request
                                </button>
                                <a href="javascript:history.back()" class="btn btn-outline-danger ms-2 rounded-pill px-4">
                                    <i class="bi bi-x-circle me-1"></i> Cancel
                                </a>
                            </div>
                        @endif
                    </form>

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





    @include('layouts.footer')
@endsection