@extends('layouts.app')

@section('title', 'Process request')

@push('css')
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/dist/css/select2.min.css') }}">
    <style>
        .select2.select2-container .selection .select2-selection.select2-selection--multiple + .is-invalid  {
            border: 1px solid  #f44336;
        }

        .is-invalid .select2-selection,
        .needs-validation ~ span > .select2-dropdown{
            border-color:red !important;
        }


        .select2 .is-invalid {
            border: none;
        }
    </style>
@endpush

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="page-header mb-0">Request Management</h1>
</div>
@if ($issue->invoices->isNotEmpty())
    <div class="panel panel-inverse border-0">
        <div class="panel-heading">Invoice</div>
        <div class="panel-body">
            <div class="table-responsive mb-3">
                <table class="table table-hover border text-nowrap align-middle mb-0">
                    <thead class="table-light">
                    <tr>
                        <th>Status</th>
                        <th>Name</th>
                        <th>Invoice No.</th>
                        <th>Invoice Date</th>
                        <th>Payment For</th>
                        <th>Transaction Date</th>
                        <th>Amount</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody class="table-group-divider">
                    @forelse ($issue->invoices as $invoice)
                        <tr>
                            <td>
                                @if ($invoice->status->value == 1)
                                    <span class="badge bg-{{ $invoice->status->color() }}" style="display:inline-block; width:80px;">Paid</span>
                                @else
                                    <span class="badge bg-danger" style="display:inline-block; width:80px;">Unpaid</span>
                                @endif
                            </td>
                            <td>{{ $issue->user?->name ?? '-' }}</td>
                            <td>{{ $invoice->invoice_no ?? '--' }}</td>
                            <td>{{ $invoice->invoiced_at?->format('d/m/Y') ?? '--' }}</td>
                            <td>{{ $invoice->payment_for ?? '--' }}</td>
                            <td>{{ $invoice->received_time?->format('d/m/Y H:iA') ?? '--' }}</td>
                            <td>{{ $invoice->amount ?? '--' }}</td>
                            <td>


                                <form id="deleteForm" action="{{ route('admin.invoices.destroy', $invoice) }}" method="POST">
                                    @method('DELETE')
                                    @csrf

                                    <a href="{{ route('customer.transaction.alter', [$issue->user?->id, $invoice]) }}" class="btn btn-xs btn-white me-1">
                                        <i class="fa-solid fa-pen-to-square fa-fw"></i>
                                    </a>

                                    <button type="submit" id="delete" value="Delete Request"  data-bs-toggle="tooltip" title="Delete" class="btn btn-xs btn-dark"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td class="text-muted text-center" colspan="8">No record found</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endif

<div class="row mb-4">
    <div class="col-md-7">
        <form action="{{ route('admin.issue.assign', $issue) }}" method="POST" id="card-assign-form">
            @method('PUT')
            @csrf

            <div class="panel panel-inverse border-0">
                <div class="panel-heading">Request</div>
                <div class="panel-body border-bottom">
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Request Type</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase"><b>{{ $issue->action }}</b></span>
                        </div>
                    </div>

                    <div class="row my-3">
                        <label class="col-md-3 fw-semibold text-muted">Request By</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">
                                <a href="{{ route('customer.transaction', $issue->user) }}">{{ $issue->user?->name }}</a>
                            </span>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Site</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->site->name ?? '-' }}</span>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Season Parking Type</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->seasonType->name ?? '-' }}</span>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Season Parking Rate</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">RM {{ $rate ?? '-' }}</span>
                        </div>
                    </div>

                    @if ($issue->isUpgradeOrDowngrade())
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Additional</label>
                        <div class="col-md-9">
                            <div class="table-responsive mb-3">
                                    <table class="table table-bordered border text-nowrap align-middle mb-0">
                                        <thead class="table-light">
                                        <tr>
                                            <th>#</th>
                                            <th>Card</th>
                                            <th>Space</th>
                                            <th class="text-end">Rate (RM)</th>
                                            <th class="text-end">Additional Rate (RM)</th>
                                        </tr>
                                        </thead>
                                        <tbody class="table-group-divider">
                                            @forelse($issue->cards as $card)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ Arr::get($card, 'card', '-') }}</td>
                                                    <td>{{ Arr::get($card, 'type', '-') }}</td>
                                                    <td class="text-end">{{ Arr::get($card, 'rate', 0) }}</td>
                                                    <td class="text-end">{{ $rate - Arr::get($card, 'rate', 0) }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <th colspan="5">Space</th>
                                                </tr>
                                            @endforelse
                                            <tr>
                                                <th class="text-end text-uppercase" colspan="4">Total Additional (RM)</th>
                                                <th class="text-end">{{ ($rate * $seasonCards->count())- $issue->cards->sum('rate') }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                            </div>
                        </div>
                    </div>
                    @endif


                    @if ($issue->action == \App\Models\Traits\Enum\SeasonRequestType::SUSPEND)
                        <div class="row mb-3">
                            <label class="col-md-3 fw-semibold text-muted">Effective Start Date</label>
                            <div class="col-md-9">
                                <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->effective_start_date?->format('d M Y') }}</span>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-3 fw-semibold text-muted">Effective End Date</label>
                            <div class="col-md-9">
                                <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->effective_end_date?->format('d M Y') }}</span>
                            </div>
                        </div>
                    @else
                        <div class="row mb-3">
                            <label class="col-md-3 fw-semibold text-muted">Effective Date</label>
                            <div class="col-md-9">
                                <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->effective_date?->format('d M Y') ?? '--' }}</span>
                            </div>
                        </div>
                    @endif

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Total Cards Request</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->total_cards ?? '--' }}</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Request Reason</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->reason ?? '--' }}</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Details</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">{{ $issue->details ?? '--'  }}</span>
                        </div>
                    </div>

                    @if ($issue->action === \App\Models\Traits\Enum\SeasonRequestType::TERMINATE)
                        <div class="row mb-3">
                            <label class="col-md-3 fw-semibold text-muted">Bank Info</label>
                            <div class="col-md-9">
                                <ul>
                                    <li>Bank Name: <code>{{ $issue->banks?->get('bank') }}</code></li>
                                    <li>Bank Account: <code>{{ $issue->banks?->get('account') }}</code></li>
                                </ul>
                            </div>
                        </div>
                    @endif

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Document</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">
                                @if ($issue->hasMedia($issue->action->media()))
                                    <ul>
                                        @foreach($issue->getMedia($issue->action->media()) as $media)
                                            <li>
                                                <a href="{{ route('media.download', $media)  }}">
                                                    {{ $media?->file_name ?? '--' }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    --
                                @endif
                            </span>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="row my-3">
                        <label class="col-md-3 fw-semibold text-muted">Account Type</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->user_type == 1 ? 'Individual' : 'Corporate' }}</span>
                        </div>
                    </div>
                    <div class="row my-3">
                        <label class="col-md-3 fw-semibold text-muted">Parking Category</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->user?->cardHolder->user_category ?? '' == 1 ? 'Tenant' : 'Non-tenant' }}</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Parking Type</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800 text-uppercase">{{ $issue->isReserved() ? 'Reserved' : 'Non-reserved' }}</span>
                        </div>
                    </div>

                    @if ($issue->action === \App\Models\Traits\Enum\SeasonRequestType::REGISTER)
                        <div class="row mb-3">
                            <label class="col-md-3 fw-semibold text-muted">Cars</label>
                            <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">
                                @if ($issue->properties?->has('cars'))
                                    <ul>
                                        @foreach($issue->properties->get('cars') as $car)
                                            <li>{{ $car ?? '--' }}</li>
                                        @endforeach
                                    </ul>
                                @else
                                    --
                                @endif
                            </span>
                            </div>
                        </div>
                    @endif

{{--                    @if ($issue->action == \App\Models\Traits\Enum\SeasonRequestType::REGISTER)--}}
{{--                        <div class="row mb-3">--}}
{{--                            <label class="col-md-3 fw-bolder text-muted" for="cards">Assign Card</label>--}}
{{--                            <div class="col-md-9">--}}
{{--                                <select name="cards[]" id="cards" class="form-select" multiple>--}}
{{--                                    @foreach($unassignedCards as $unassignedCard)--}}
{{--                                        <option value="{{ $unassignedCard->id }}">--}}
{{--                                            {{ $unassignedCard->card_no }}--}}
{{--                                        </option>--}}
{{--                                    @endforeach--}}
{{--                                </select>--}}
{{--                                @error('cards')--}}
{{--                                <span class="invalid-feedback" role="alert">{{ $message }}</span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    @endif--}}

                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Card No.</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">
                                @forelse($seasonCards as $seasonCard)
                                    <a target="_blank" href="{{ route('season.edit', $seasonCard->id ?? '#') }}" class="me-2">
                                        {{ $seasonCard->card_no ?? '--' }}
                                    </a>
                                    <small class="text-muted">Status :
                                        <span class="badge bg-{{ $seasonCard->status->color() }}">
                                            {{ $seasonCard->status->label() }}
                                        </span>
                                    </small>

                                    <small class="ms-2 text-muted">Deposit (RM{{ $seasonCard?->deposit?->card_deposit }}):
                                        <span class="badge bg-{{ $seasonCard?->deposit?->status->color() }}">
                                            {{ $seasonCard?->deposit?->status->label() }}
                                        </span>
                                    </small>
                                    <br>
                                @empty
                                    --
                                @endforelse
                            </span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Company</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">{{ $issue->company ?? '--'}}</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Effective Date</label>
                        <div class="col-md-9">
                            {{-- The '-0001-11-30' sentinel this used to test for is gone:
                                 SafeDateCast reads an unusable stored date back as null, so
                                 the placeholder now hangs off a plain null check. --}}
                            <span class="fw-bold fs-6 text-gray-800">{{ $issue->effective_date?->format('d M Y') ?? '--' }}</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label class="col-md-3 fw-semibold text-muted">Request At</label>
                        <div class="col-md-9">
                            <span class="fw-bold fs-6 text-gray-800">{{ $issue->request_time->format('d/m/Y H:iA') }}</span>
                        </div>
                    </div>
					{{-- The decision stamp, shown for a decline as much as an approval:
					     both are decisions someone is accountable for. Reads
					     decided_at/decided_by rather than last_update, which moved on
					     every unrelated write to the request. --}}
					@if ($issue->isDecided())
						<div class="row mb-3">
							<label class="col-md-3 fw-semibold text-muted">{{ $issue->approval->label() }}d At</label>
							<div class="col-md-9">
								<span class="fw-bold fs-6 text-gray-800">{{ $issue->decided_at?->format('d/m/Y H:iA') ?? '--' }}</span>
							</div>
						</div>
						<div class="row mb-3">
							<label class="col-md-3 fw-semibold text-muted">{{ $issue->approval->label() }}d By</label>
							<div class="col-md-9">
								{{-- Requests decided before the stamp existed have no recorded
								     actor; "MCS" says so honestly instead of guessing a name. --}}
								<span class="fw-bold fs-6 text-gray-800">{{ $issue->decider?->name ?? 'MCS' }}</span>
							</div>
						</div>
					@endif
					{{-- The closure stamp. Gated on the status being Close, not on the
					     stamp being present, so a request closed by the lifecycle or a
					     scheduled sweep still shows the rows — with the placeholders
					     saying plainly that no admin close was recorded. --}}
					@if ($issue->isClose())
						<div class="row mb-3">
							<label class="col-md-3 fw-semibold text-muted">Closed At</label>
							<div class="col-md-9">
								<span class="fw-bold fs-6 text-gray-800">{{ $issue->closed_at?->format('d/m/Y H:iA') ?? '--' }}</span>
							</div>
						</div>
						<div class="row mb-3">
							<label class="col-md-3 fw-semibold text-muted">Closed By</label>
							<div class="col-md-9">
								{{-- Null means no admin closed it through this form: a System_Close
								     or a pre-stamp request. "MCS" says so, as it does above. --}}
								<span class="fw-bold fs-6 text-gray-800">{{ $issue->closer?->name ?? 'MCS' }}</span>
							</div>
						</div>
					@endif
                </div>
                <div class="panel-footer">
                    <div class="row">
                        <div class="col">
                            <a href="{{ route('admin.request.index') }}" class="btn btn-white">Back</a>
                        </div>
                        <div class="col text-end">
                            <button type="submit" class="btn btn-success" form="card-assign-form" onclick="!this.form && document.getElementById('card-assign-form').submit()">Assign</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="col-md-5">
        <div class="panel panel-inverse border-0">
            <div class="panel-heading">Process</div>
            {{-- <div class="panel-body border-bottom">
                <a href="{{ route('season.index', '&account_no='.$issue->user->account_no) }}" class="btn btn-link">Assign Card</a>
            </div> --}}
            <div class="panel-body">
                <form action="{{ route('admin.issue.storeProcess', $issue->id) }}" method="POST" id="process-form" class="needs-validation">
                    @method('PUT')
                    @csrf

                    @if ($issue->isApproved())
                        @if (in_array($issue->action, [\App\Models\Traits\Enum\SeasonRequestType::REGISTER, \App\Models\Traits\Enum\SeasonRequestType::REPLACEMENT]))
                            <div class="my-3">
                                <label class="form-label fw-bolder" for="cards">Assign Card</label>
                                <select name="cards[]" id="cards" class="form-select" multiple>
                                    @foreach($unassignedCards as $unassignedCard)
                                        <option value="{{ $unassignedCard->id }}" @selected($issue->account_no == $unassignedCard->account_no)>
                                            {{ $unassignedCard->card_no }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('cards')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                @enderror
                                <small class="pt-3"><i>Make sure customer invoice has been cleared and cards has been <a
                                            href="{{ route('card.index') }}">created/imported</a>.</i></small>
                            </div>

                            <hr class="my-25px">
                        @endif
                    @endif

                    <div class="mb-3">
                        <label for="status" class="form-label">Request Status</label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                            <option value="">- Select status-</option>
                            @foreach(\App\Models\Traits\Enum\SeasonRequestStatus::cases() as $status)
                                <option value="{{ $status->value }}" @selected($issue->status == $status)>
                                    {{ $status->label() }}
                                </option>
                            @endforeach
                        </select>
                        @error('status')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="approval" class="form-label">Approval</label>
                        <select name="approval" id="approval" class="form-select @error('approval') is-invalid @enderror">
                            <option value="">- Select aprroval-</option>
                            @foreach(\App\Models\Traits\Enum\SeasonRequestApproval::cases() as $approval)
                                <option value="{{ $approval->value }}" @selected($issue->approval == $approval)>
                                    {{ $approval->label() }}
                                </option>
                            @endforeach
                        </select>
                        @error('approval')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>

                    @if ($issue->action === \App\Models\Traits\Enum\SeasonRequestType::SUSPEND)
                        <div class="mb-3">
                            <label for="effective_start_date" class="form-label">Effective Start Date</label>

                            <select name="effective_start_date" id="effective_start_date" class="form-select @error('effective_start_date') is-invalid @enderror">
                                @foreach($periods as $period)
                                    <option value="{{ $period->day(1)->format('Y-m-d') }}" @selected(old('effective_start_date', $issue->effective_start_date?->format('Y-m-d')) == $period->day(1)->format('Y-m-d'))>
                                        {{ $period->format('jS F Y') }}
                                    </option>
                                @endforeach
                            </select>

                            @error('effective_start_date')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="effective_end_date" class="form-label">Effective End Date</label>

                            <select name="effective_end_date" id="effective_end_date" class="form-select @error('effective_end_date') is-invalid @enderror">
                                @foreach($periods as $period)
                                    <option value="{{ $period->day(1)->format('Y-m-d') }}" @selected(old('effective_end_date', $issue->effective_end_date?->format('Y-m-d')) == $period->day(1)->format('Y-m-d'))>{{ $period->format('jS F Y') }}</option>
                                @endforeach
                            </select>

                            @error('effective_end_date')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    @else
                        <div class="mb-3">
                            <label for="effective_date" class="form-label">Effective Date</label>

                            <select name="effective_date" id="effective_date" class="form-select @error('effective_date') is-invalid @enderror">
                                @foreach($periods as $period)
                                    <option value="{{ $period->day(1)->format('Y-m-d') }}" @selected(old('effective_date', $issue->effective_date?->format('Y-m-d')) == $period->day(1)->format('Y-m-d'))>{{ $period->format('jS F Y') }}</option>
                                @endforeach
                            </select>

                            @error('effective_date')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    @endif

                    <div class="mb-3">
                        <label for="details" class="form-label">Notes</label>
                        <textarea name="details" id="details" cols="30" rows="3" class="form-control">{{ $issue->details }}</textarea>
                    </div>

                    @if (in_array($issue->action, [\App\Models\Traits\Enum\SeasonRequestType::REGISTER, \App\Models\Traits\Enum\SeasonRequestType::REPLACEMENT]))
                        <div class="mb-3">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" name="is_deposit" value="1" id="is_deposit" @checked(old('is_deposit', $issue->is_deposit ?? true))>
                                <label class="form-check-label" for="is_deposit">Deposit</label>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" name="is_card_sale" value="1" id="is_card_sale" @checked(old('is_card_sale', $issue->is_card_sale ?? true))>
                                <label class="form-check-label" for="is_card_sale">Card Sale</label>
                            </div>
                        </div>
                    @endif

                    <div class="text-end">
                        <button type="submit" class="btn btn-success" form="process-form" onclick="!this.form && document.getElementById('process-form').submit()">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
    <script src="{{ asset('assets/plugins/select2/dist/js/select2.full.min.js') }}"></script>
    <script>
        $(function () {
            $('#cards').select2({
                placeholder: "-- Select card --",
                language: {
                    noResults: function() {
                        return "No Cards Found. <a href='/cards' class='btn btn-sm btn-warning' target='_blank'>Create/Import Card</a>";
                    }
                },
                escapeMarkup: function (markup) {
                    return markup;
                }
            });

            // On blur validation listener for form elements
            $('.needs-validation').find('input,select,textarea')
                .on('focusout', function () {
                    // check element validity and change class
                    $(this)
                        .removeClass('is-valid is-invalid')
                        .addClass(this.checkValidity() ? 'is-valid' : 'is-invalid');
                });
        });
    </script>
@endpush