@extends('app-new')

@push('head-script')
    <link rel="stylesheet" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Financial Years</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/global-config">TDS Global Config</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/financial-years">Financial Years</a></li>
                    <li class="breadcrumb-item active">{{ isset($year) ? 'Edit' : 'Add New' }}</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <form method="POST"
          action="{{ isset($year) ? '/' . $alias . '/tdx/financial-years/' . $year->id . '/update' : '/' . $alias . '/tdx/financial-years/store' }}"
          redirect="/{{ $alias }}/tdx/financial-years"
          role="post-data">
        @csrf
        @if(isset($year)) @method('PUT') @endif

        <section id="financial-year-form">
            <div class="card new-cardbox p-1">
                <div class="row">
                    <div class="col-md-9 border-end">
                        <div class="card-header newheader border-bottom mb-1 px-0">
                            <h4 class="card-title">{{ isset($year) ? 'Edit Financial Year' : 'Add New Financial Year' }}</h4>
                        </div>
                        <div class="card-body px-0">
                            <div class="row">
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Label <span class="text-danger">*</span></label>
                                    <input type="text" name="label" value="{{ old('label', $year->label ?? '') }}" class="form-control" placeholder="e.g. 2025-2026">
                                    @error('label') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Start Date <span class="text-danger">*</span></label>
                                    <input type="date" name="start_date" value="{{ old('start_date', isset($year) ? $year->start_date->format('Y-m-d') : '') }}" class="form-control">
                                    @error('start_date') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">End Date <span class="text-danger">*</span></label>
                                    <input type="date" name="end_date" value="{{ old('end_date', isset($year) ? $year->end_date->format('Y-m-d') : '') }}" class="form-control">
                                    @error('end_date') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Status <span class="text-danger">*</span></label>
                                    <select name="status" class="form-select">
                                        <option value="active" {{ old('status', $year->status ?? 'active') === 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $year->status ?? '') === 'inactive' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Set as Current FY</label>
                                    <div class="form-check form-switch mt-50">
                                        <input class="form-check-input" type="checkbox" name="is_current" value="1"
                                               {{ old('is_current', $year->is_current ?? false) ? 'checked' : '' }}>
                                        <label class="form-check-label">Yes, this is the current FY</label>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-1">
                                    <div class="d-flex justify-content-between">
                                        <button type="button" class="btn btn-success" data-request="ajax-submit" data-target="[role=post-data]">{{ isset($year) ? 'Update' : 'Submit' }}</button>
                                        <a href="/{{ $alias }}/tdx/financial-years" class="btn btn-outline-secondary">Cancel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card-body">
                            <h6 class="text-muted mb-1">Guide</h6>
                            <ul class="list-unstyled">
                                <li class="mb-50"><small><strong>Label</strong> — Format: 2025-26</small></li>
                                <li class="mb-50"><small><strong>Start Date</strong> — Usually 1st April</small></li>
                                <li class="mb-50"><small><strong>End Date</strong> — Usually 31st March next year</small></li>
                            </ul>
                            <div class="alert alert-light-info p-1 mt-1 mb-50">
                                <small>Declaration window (open/close dates) is managed per organization from <strong>Org FY Settings</strong>.</small>
                            </div>
                            <div class="alert alert-light-warning p-1 mt-0 mb-0">
                                <small>Only <strong>one</strong> FY can be marked as current. Setting this will unset others automatically.</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
@endsection

@push('footer-script')
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
@endpush