@extends('manager.layouts.app')
@section('page_title', $page_title ?? 'Edit Program')
@push('head-scripts')
    <link rel="stylesheet" href="{{ asset('manager/select2/dist/css/select2.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('manager/select2/dist/css/select2-bootstrap5.min.css') }}"/>
    <style>
        .form-label { font-weight: 600; font-size: 0.875rem; }
        .input-group-text { font-size: 0.85rem; background-color: #f8f9fa; }
    </style>
@endpush
@section('content')
<div class="card mt-3 shadow-sm border-0">
    <div class="card-body">
        {{-- Header --}}
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="card-title mb-0">{{ $p_title }}</h4>
                <div class="small text-medium-emphasis">{{ $p_summary }}</div>
            </div>
            @can('manager_transaction_program-list')
                <a href="{{ $url }}" class="btn btn-sm btn-outline-primary me-2">
                    {{ $url_text }}
                </a>
            @endcan
        </div>
        <hr>
        <form method="POST" action="{{ $action }}">
            @csrf
            @method('PUT')
            {{-- Section 1: Basic Information --}}
            <div class="row g-3 mb-3">
                <div class="col-md-4">
                    <label class="form-label" for="name">Program Name</label>
                    <input type="text" name="name" id="name" required class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $data->name) }}">
                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="slug">URL Slug (Read Only)</label>
                    <input type="text" name="slug" id="slug" readonly class="form-control bg-light" value="{{ old('slug', $data->slug) }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="group">Group / Discipline</label>
                    <select name="group" id="group" required class="select2-setup form-control @error('group') is-invalid @enderror" data-tags="true" data-placeholder="Select Group">
                        <option value=""></option>
                        @foreach($groups as $grp)
                            <option value="{{ $grp }}" {{ old('group', $data->group) == $grp ? 'selected' : '' }}>{{ $grp }}</option>
                        @endforeach
                    </select>                
                    @error('group') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
            <div class="row g-3 mb-4">
                <div class="col-md-4">
                    <label class="form-label">Select Year</label>    
                    <select name="program_year" id="program-year" required class="select2-setup form-control @error('program_year') is-invalid @enderror" data-placeholder="Select Year">
                        <option value=""></option>
                        <option value="1" {{ old('program_year', $data->year) == '1' ? 'selected' : '' }}>1st Year</option>
                        <option value="2" {{ old('program_year', $data->year) == '2' ? 'selected' : '' }}>2nd Year</option>
                    </select>
                    @error('program_year') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label">Session</label>
                    <input type="text" name="session" id="session" required class="form-control @error('session') is-invalid @enderror" placeholder="2025-26" value="{{ old('session', $data->session) }}">
                    @error('session') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="1" {{ old('status', $data->status) == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('status', $data->status) == '0' ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>
            </div>
            <hr class="my-4">
            {{-- Section 2: Fee Structure --}}
            <h5 class="mb-3"><i class="cil-money me-1"></i> Edit Fee Structure</h5>
            <div class="row g-3 mb-4">
                @foreach($feeFields as $key => $label)
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">{{ $label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">Rs</span>
                            <input type="text" name="{{ $key }}" class="form-control @error($key) is-invalid @enderror" value="{{ old($key, $data->feeStructure->$key ?? '') }}"
                                @if($key === 'board_registration_fee') list="board_fee_options" @endif>
                        </div>
                        @error($key) <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                    </div>
                @endforeach
            </div>
            <hr class="my-4">
            {{-- Section 3: SEO Details --}}
            <h5 class="mb-3"><i class="cil-search me-1"></i> SEO Configuration</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-12">
                    <label class="form-label">SEO Title</label>
                    <input type="text" name="seo_title" class="form-control @error('seo_title') is-invalid @enderror" value="{{ old('seo_title', $data->seo_title) }}">
                    @error('seo_title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-12">
                    <label class="form-label">SEO Description</label>
                    <textarea name="seo_description" class="form-control @error('seo_description') is-invalid @enderror" rows="2">{{ old('seo_description', $data->seo_description) }}</textarea>
                    @error('seo_description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">SEO Keywords</label>
                    <textarea name="seo_keyword" class="form-control @error('seo_keyword') is-invalid @enderror" placeholder="keyword1, keyword2">{{ old('seo_keyword', $data->seo_keyword) }}</textarea>
                    @error('seo_keyword') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">SEO Tags</label>
                    <textarea name="seo_tags" class="form-control @error('seo_tags') is-invalid @enderror" placeholder="tag1, tag2">{{ old('seo_tags', $data->seo_tags) }}</textarea>
                    @error('seo_tags') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
            <div class="card-footer bg-transparent border-0 px-0 mt-3">
                <button type="submit" class="btn btn-info text-white px-5 shadow-sm">
                    <i class="cil-save me-1"></i> Update Program
                </button>
            </div>
        </form>
        <datalist id="board_fee_options">
            <option value="As Per Actual">
        </datalist>
    </div>
</div>
@endsection
@push('footer-scripts')
    <script src="{{ asset('manager/select2/dist/js/select2.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Intelligent Select2 Initializer
            $('.select2-setup').each(function() {
                const isTag = $(this).data('tags') === true;
                $(this).select2({
                    theme: "bootstrap5", placeholder: $(this).data('placeholder'), allowClear: true, tags: isTag,
                    width: '100%', minimumResultsForSearch: $(this).attr('id') === 'program-year' ? Infinity : 0
                });
            });
            // Optimized Slug Generator
            const slugify = text => text.toString().toLowerCase().trim()
                .replace(/&/g, '-and-').replace(/[\s\W-]+/g, '-').replace(/^-+|-+$/g, '');
            $('#name, #group, #program-year, #session').on('keyup blur change', function () {
                const parts = [ $('#name').val(),  $('#group').val(),  $('#program-year').val() ? $('#program-year').val() + 'year' : '',  $('#session').val()];
                $('#slug').val(slugify(parts.filter(Boolean).join('-')));
            });
        });
    </script>
    @if(Session::has('messages'))
        <script>noti({!! json_encode((Session::get('messages'))) !!});</script>
    @endif
@endpush