@extends('layouts.app')

@section('title', 'Create Visit Plan')

@section('contents')
<section class="content">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card card-outline card-primary shadow-sm">
                    <div class="card-header rounded-top border-0 py-3" style="background: linear-gradient(135deg, #00401A 0%, #069494 45%, #1a4a6e 100%) !important;">
                        <h5 class="mb-0 text-white font-weight-bold">Select Plan Period and Type</h5>
                    </div>
                    <div class="card-body p-4">
                        <form method="POST" action="{{ route('plan.visit.period.store') }}">
                            @csrf
                            @if(request()->filled('visit_plan_menu'))
                                <input type="hidden" name="visit_plan_menu" value="{{ request('visit_plan_menu') }}">
                            @endif
                            @if(request()->filled('return_plan_id'))
                                <input type="hidden" name="return_plan_id" value="{{ request('return_plan_id') }}">
                            @endif
                            @php
                                $preserveIds = request('scheme_ids', []);
                                if (!is_array($preserveIds)) {
                                    $preserveIds = $preserveIds !== null && $preserveIds !== '' ? [$preserveIds] : [];
                                }
                                $preserveLocked = request('locked_scheme_ids', []);
                                if (!is_array($preserveLocked)) {
                                    $preserveLocked = $preserveLocked !== null && $preserveLocked !== '' ? [$preserveLocked] : [];
                                }
                            @endphp
                            @foreach($preserveIds as $sid)
                                @if($sid !== null && $sid !== '')
                                    <input type="hidden" name="scheme_ids[]" value="{{ $sid }}">
                                @endif
                            @endforeach
                            @foreach($preserveLocked as $lid)
                                @if($lid !== null && $lid !== '')
                                    <input type="hidden" name="locked_scheme_ids[]" value="{{ $lid }}">
                                @endif
                            @endforeach
                            @if($mecRegionsForVisitPeriod->isNotEmpty())
                                @php
                                    $__mecOld = old('mec_region_id');
                                    $__mecVal = ($__mecOld !== null && $__mecOld !== '')
                                        ? (int) $__mecOld
                                        : (int) ($visitPeriodDefaultMecRegionId ?? 0);
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold" for="visit_mec_region_id">Region/Office</label>
                                    <select
                                        name="mec_region_id"
                                        id="visit_mec_region_id"
                                        class="form-control @error('mec_region_id') is-invalid @enderror"
                                        @if($visitPeriodRequiresMecRegion) required @endif
                                    >
                                        @if($visitPeriodRequiresMecRegion && $visitPeriodMultipleMecRegions)
                                            <option value="" disabled @selected($__mecVal === 0)>Select a region…</option>
                                        @elseif(! $visitPeriodRequiresMecRegion)
                                            <option value="">— Optional —</option>
                                        @endif
                                        @foreach($mecRegionsForVisitPeriod as $region)
                                            <option value="{{ $region->id }}" @selected($__mecVal === (int) $region->id)>{{ $region->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('mec_region_id')
                                        <span class="invalid-feedback d-block">{{ $message }}</span>
                                    @enderror
                                    @if($visitPeriodMultipleMecRegions)
                                        <p class="small text-muted mb-0 mt-1">
                                            {{ __('Selected region') }}:
                                            <strong id="visit_mec_region_selected_name">{{ $__mecVal > 0 ? ($mecRegionsForVisitPeriod->firstWhere('id', $__mecVal)?->name ?? '') : '' }}</strong>
                                        </p>
                                    @endif
                                </div>
                            @endif
                            @php
                                $visitPlanTypeLabels = [
                                    'RVP' => 'Regular Visit Plan (RVP)',
                                    'CVP' => 'Compliance Visit Plan (CVP)',
                                    'SVP' => 'Special Visit Plan (SVP)',
                                    'DRP' => 'Desk Review Plan (DRP)',
                                    'ERP' => 'Evaluation Report Plan (ERP)',
                                    'PMP' => 'Project Monitoring Plan (PMP)',
                                ];
                                $__currentPlanType = (string) old('plan_type', $defaults['plan_type'] ?? '');
                            @endphp
                            <div class="form-group">
                                <label class="font-weight-bold" for="visit_planning_wing">Visit Plan</label>
                                <select id="visit_planning_wing" class="form-control" autocomplete="off" required>
                                    @foreach($planningWingLabels as $wingKey => $wingLabel)
                                        <option value="{{ $wingKey }}" @selected($wingKey === $defaultPlanningWing)>{{ $wingLabel }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="font-weight-bold" for="visit_plan_type">Visit Sub Plan</label>
                                <select name="plan_type" id="visit_plan_type" class="form-control @error('plan_type') is-invalid @enderror" required>
                                    <option value="">Select plan type…</option>
                                    @foreach($planTypesByWing[$defaultPlanningWing] ?? [] as $code)
                                        <option value="{{ $code }}" @selected($__currentPlanType === $code)>{{ $visitPlanTypeLabels[$code] ?? $code }}</option>
                                    @endforeach
                                </select>
                                @error('plan_type')
                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label class="font-weight-bold" for="visit_plan_year">Year</label>
                                <select name="year" id="visit_plan_year" class="form-control @error('year') is-invalid @enderror" required>
                                    @for($y = $visitPlanModalYearStart; $y <= $visitPlanModalYearEnd; $y++)
                                        <option value="{{ $y }}" @selected((int) old('year', $defaults['year'] ?? 0) === $y)>{{ $y }}</option>
                                    @endfor
                                </select>
                                @error('year')
                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group mb-0">
                                <label class="font-weight-bold" for="visit_plan_month">Month</label>
                                <select name="month" id="visit_plan_month" class="form-control @error('month') is-invalid @enderror" required>
                                    @foreach([
                                        1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April',
                                        5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August',
                                        9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December',
                                    ] as $mNum => $mLabel)
                                        <option value="{{ $mNum }}" @selected((int) old('month', $defaults['month'] ?? 0) === $mNum)>{{ $mLabel }}</option>
                                    @endforeach
                                </select>
                                @error('month')
                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="d-flex flex-wrap align-items-center justify-content-between mt-4 pt-2 border-top">
                                <a href="{{ can_any_visit_plan('list') ? route('plan.index') : route('dashboard') }}" class="btn btn-outline-secondary">Cancel</a>
                                <button type="submit" class="btn btn-primary">Proceed</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@push('scripts')
<script>
(function () {
    var wingEl = document.getElementById('visit_planning_wing');
    var typeEl = document.getElementById('visit_plan_type');
    var regionEl = document.getElementById('visit_mec_region_id');
    var regionSelectedNameEl = document.getElementById('visit_mec_region_selected_name');
    var regionNamesById = @json($mecRegionsForVisitPeriod->pluck('name', 'id')->map(fn ($name, $id) => (string) $name));
    if (!wingEl || !typeEl) return;
    var typesByWingAll = @json($planTypesByWingAll ?? $planTypesByWing);
    var wingLabelsAll = @json($planningWingLabelsAll ?? $planningWingLabels);
    var pmPlanWing = @json(\App\Support\PlanningWing::PM_PLAN);
    var evaluationWing = @json(\App\Support\PlanningWing::EVALUATION);
    var pmuRegionIds = @json($pmuRegionIds ?? []);
    var evaluationWingRegionIds = @json($evaluationWingRegionIds ?? []);
    var labels = @json($visitPlanTypeLabels ?? []);
    function regionAllowsPmp() {
        if (!regionEl) {
            return pmuRegionIds.length > 0 && pmuRegionIds.length === 1;
        }
        var id = parseInt(regionEl.value, 10);
        if (!Number.isFinite(id) || id <= 0) {
            return false;
        }
        return pmuRegionIds.indexOf(id) !== -1;
    }
    function regionAllowsEvaluation() {
        if (!regionEl) {
            return evaluationWingRegionIds.length > 0 && evaluationWingRegionIds.length === 1;
        }
        var id = parseInt(regionEl.value, 10);
        if (!Number.isFinite(id) || id <= 0) {
            return false;
        }
        return evaluationWingRegionIds.indexOf(id) !== -1;
    }
    function typesByWingForRegion() {
        var out = {};
        var isPmu = regionAllowsPmp();
        var isEval = regionAllowsEvaluation();
        Object.keys(typesByWingAll).forEach(function (wing) {
            if (isPmu) {
                if (wing !== pmPlanWing) {
                    return;
                }
            } else if (isEval) {
                if (wing !== evaluationWing) {
                    return;
                }
            } else {
                if (wing === pmPlanWing || wing === evaluationWing) {
                    return;
                }
            }
            var types = typesByWingAll[wing] || [];
            if (types.length) {
                out[wing] = types;
            }
        });
        return out;
    }
    function repopulateWings() {
        var typesByWing = typesByWingForRegion();
        var prevWing = wingEl.value;
        wingEl.innerHTML = '';
        Object.keys(wingLabelsAll).forEach(function (wing) {
            if (!typesByWing[wing]) {
                return;
            }
            var opt = document.createElement('option');
            opt.value = wing;
            opt.textContent = wingLabelsAll[wing] || wing;
            wingEl.appendChild(opt);
        });
        if (typesByWing[prevWing]) {
            wingEl.value = prevWing;
        } else {
            wingEl.selectedIndex = 0;
        }
        repopulateTypes();
    }
    function repopulateTypes() {
        var typesByWing = typesByWingForRegion();
        var wing = wingEl.value;
        var allowed = typesByWing[wing] || [];
        var prev = typeEl.value;
        typeEl.innerHTML = '<option value="">Select plan type…</option>';
        allowed.forEach(function (code) {
            var opt = document.createElement('option');
            opt.value = code;
            opt.textContent = labels[code] || code;
            typeEl.appendChild(opt);
        });
        if (allowed.indexOf(prev) !== -1) {
            typeEl.value = prev;
        } else if (allowed.length) {
            typeEl.value = allowed[0];
        }
    }
    function updateSelectedRegionLabel() {
        if (!regionSelectedNameEl || !regionEl) {
            return;
        }
        var id = parseInt(regionEl.value, 10);
        var name = (Number.isFinite(id) && id > 0)
            ? (regionNamesById[id] || regionNamesById[String(id)] || '')
            : '';
        regionSelectedNameEl.textContent = name;
    }
    wingEl.addEventListener('change', repopulateTypes);
    if (regionEl) {
        regionEl.addEventListener('change', function () {
            repopulateWings();
            updateSelectedRegionLabel();
        });
        updateSelectedRegionLabel();
    }
    repopulateWings();
})();
</script>
@endpush
@endsection