@if($errors->any())<div class="alert alert-danger"><ul class="mb-0 ps-3">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>@endif

<div class="card mb-3"><div class="card-body">
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label fw-semibold">Schedule Name *</label>
            <input type="text" name="name" class="form-control" value="{{ old('name', $schedule->name) }}" required>
        </div>
        <div class="col-md-6">
            <label class="form-label fw-semibold">Report Type *</label>
            <select name="report_type" class="form-select" required>
                @foreach(\App\Models\ScheduledReport::REPORT_TYPES as $k => $v)
                    <option value="{{ $k }}" {{ old('report_type', $schedule->report_type) === $k ? 'selected' : '' }}>{{ $v }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label fw-semibold">Frequency *</label>
            <select name="frequency" class="form-select" id="freqSelect" required>
                @foreach(\App\Models\ScheduledReport::FREQUENCIES as $k => $v)
                    <option value="{{ $k }}" {{ old('frequency', $schedule->frequency) === $k ? 'selected' : '' }}>{{ $v }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3" id="dowGroup" style="{{ old('frequency', $schedule->frequency) === 'weekly' ? '' : 'display:none' }}">
            <label class="form-label fw-semibold">Day of Week</label>
            <select name="day_of_week" class="form-select">
                @foreach(['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] as $i => $d)
                    <option value="{{ $i }}" {{ (int)old('day_of_week', $schedule->day_of_week) === $i ? 'selected' : '' }}>{{ $d }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3" id="domGroup" style="{{ old('frequency', $schedule->frequency) === 'monthly' ? '' : 'display:none' }}">
            <label class="form-label fw-semibold">Day of Month</label>
            <input type="number" name="day_of_month" class="form-control" min="1" max="28" value="{{ old('day_of_month', $schedule->day_of_month ?? 1) }}">
        </div>
        <div class="col-md-3">
            <label class="form-label fw-semibold">Time *</label>
            <input type="time" name="time" class="form-control" value="{{ old('time', $schedule->time ?? '07:00') }}" required>
        </div>
        <div class="col-md-4">
            <label class="form-label fw-semibold">Date Range</label>
            <select name="date_range_mode" class="form-select">
                @foreach(\App\Models\ScheduledReport::DATE_RANGE_MODES as $k => $v)
                    <option value="{{ $k }}" {{ old('date_range_mode', $schedule->date_range_mode) === $k ? 'selected' : '' }}>{{ $v }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-2">
            <label class="form-label fw-semibold">Custom Days</label>
            <input type="number" name="custom_days" class="form-control" min="1" max="365" value="{{ old('custom_days', $schedule->custom_days) }}" placeholder="e.g. 7">
        </div>
        <div class="col-md-6">
            <label class="form-label fw-semibold">Recipients * <span class="text-secondary fw-normal">(comma-separated emails)</span></label>
            <textarea name="recipients" class="form-control" rows="2" required placeholder="manager@company.com, admin@company.com">{{ old('recipients', is_array($schedule->recipients) ? implode(', ', $schedule->recipients) : '') }}</textarea>
        </div>
        <div class="col-md-3">
            <label class="form-label fw-semibold">Format</label>
            <select name="format" class="form-select">
                <option value="pdf" {{ old('format', $schedule->format) === 'pdf' ? 'selected' : '' }}>PDF</option>
                <option value="excel" {{ old('format', $schedule->format) === 'excel' ? 'selected' : '' }}>Excel</option>
                <option value="both" {{ old('format', $schedule->format) === 'both' ? 'selected' : '' }}>Both (PDF + Excel)</option>
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label fw-semibold">Department Scope</label>
            <select name="department_id" class="form-select">
                <option value="">All</option>
                @foreach($departments as $d)
                    <option value="{{ $d->id }}" {{ (int)old('department_id', $schedule->department_id) === (int)$d->id ? 'selected' : '' }}>{{ $d->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6 d-flex align-items-end gap-4">
            <div class="form-check form-switch">
                <input type="hidden" name="include_summary_body" value="0">
                <input class="form-check-input" type="checkbox" name="include_summary_body" value="1" id="summBody" {{ old('include_summary_body', $schedule->include_summary_body) ? 'checked' : '' }}>
                <label class="form-check-label" for="summBody">Include visual summary in email body</label>
            </div>
            <div class="form-check form-switch">
                <input type="hidden" name="is_active" value="0">
                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="isActive" {{ old('is_active', $schedule->is_active) ? 'checked' : '' }}>
                <label class="form-check-label" for="isActive">Active</label>
            </div>
        </div>
    </div>
</div></div>

<div class="d-flex justify-content-end gap-2">
    <a href="{{ route('reports.scheduled.index') }}" class="btn btn-outline-secondary">Cancel</a>
    <button type="submit" class="btn btn-primary">{{ $submitLabel ?? 'Save' }}</button>
</div>

<script>
document.getElementById('freqSelect')?.addEventListener('change', function(){
    document.getElementById('dowGroup').style.display = this.value==='weekly'?'':'none';
    document.getElementById('domGroup').style.display = this.value==='monthly'?'':'none';
});
</script>