@extends('admin.admin_dashboard')
@section('admin')

@php
    $isEdit = $report->exists;
    $action = $isEdit ? route('planning.me-reports.update', $report) : route('planning.me-reports.store');
@endphp

<div class="page-content">
    <x-chm.layout.page :title="$isEdit ? 'Edit M&E report' : 'New M&E report'" icon="bx bx-edit">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('planning.me-reports.index')">M&E reports</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">{{ $isEdit ? 'Edit' : 'Create' }}</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <form method="post" action="{{ $action }}" enctype="multipart/form-data">
            @csrf
            @if($isEdit) @method('PUT') @endif

            <x-chm.card>
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Workplan activity</label>
                        <select name="workplan_activity_id" class="form-select chm-select" data-placeholder="Select activity">
                            <option value="">—</option>
                            @foreach($activities as $act)
                                <option value="{{ $act->id }}" @selected(old('workplan_activity_id', $report->workplan_activity_id) == $act->id)>{{ $act->title }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Linked requisition</label>
                        <select name="funds_requisition_id" class="form-select chm-select" data-placeholder="Linked requisition">
                            <option value="">—</option>
                            @foreach($requisitions as $req)
                                <option value="{{ $req->id }}" @selected(old('funds_requisition_id', $report->funds_requisition_id) == $req->id)>{{ $req->reference }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Completion %</label>
                        <input type="number" name="completion_percentage" class="form-control" min="0" max="100" value="{{ old('completion_percentage', $report->completion_percentage) }}">
                    </div>
                    <div class="col-md-3"><label class="form-label">Latitude</label><input type="text" name="latitude" class="form-control" value="{{ old('latitude', $report->latitude) }}"></div>
                    <div class="col-md-3"><label class="form-label">Longitude</label><input type="text" name="longitude" class="form-control" value="{{ old('longitude', $report->longitude) }}"></div>
                    <div class="col-12"><label class="form-label">Implementation narrative</label><textarea name="implementation_narrative" class="form-control" rows="3">{{ old('implementation_narrative', $report->implementation_narrative) }}</textarea></div>
                    <div class="col-md-6"><label class="form-label">Expected outputs</label><textarea name="expected_outputs" class="form-control" rows="2">{{ old('expected_outputs', $report->expected_outputs) }}</textarea></div>
                    <div class="col-md-6"><label class="form-label">Actual outputs</label><textarea name="actual_outputs" class="form-control" rows="2">{{ old('actual_outputs', $report->actual_outputs) }}</textarea></div>
                    <div class="col-md-6"><label class="form-label">Expected outcomes</label><textarea name="expected_outcomes" class="form-control" rows="2">{{ old('expected_outcomes', $report->expected_outcomes) }}</textarea></div>
                    <div class="col-md-6"><label class="form-label">Actual outcomes</label><textarea name="actual_outcomes" class="form-control" rows="2">{{ old('actual_outcomes', $report->actual_outcomes) }}</textarea></div>
                    <div class="col-12"><label class="form-label">Beneficiaries</label><textarea name="beneficiaries" class="form-control" rows="2">{{ old('beneficiaries', $report->beneficiaries) }}</textarea></div>
                    <div class="col-12"><label class="form-label">Performance indicators</label><textarea name="performance_indicators" class="form-control" rows="2">{{ old('performance_indicators', $report->performance_indicators) }}</textarea></div>
                    <div class="col-md-4"><label class="form-label">Challenges</label><textarea name="challenges" class="form-control" rows="2">{{ old('challenges', $report->challenges) }}</textarea></div>
                    <div class="col-md-4"><label class="form-label">Lessons learned</label><textarea name="lessons_learned" class="form-control" rows="2">{{ old('lessons_learned', $report->lessons_learned) }}</textarea></div>
                    <div class="col-md-4"><label class="form-label">Recommendations</label><textarea name="recommendations" class="form-control" rows="2">{{ old('recommendations', $report->recommendations) }}</textarea></div>
                    <div class="col-12">
                        <label class="form-label">Attachments</label>
                        <input type="file" name="attachments[]" class="form-control" multiple>
                    </div>
                </div>
            </x-chm.card>

            <div class="mt-3 d-flex gap-2">
                <button type="submit" name="submit_now" value="0" class="btn btn-primary">Save draft</button>
                <button type="submit" name="submit_now" value="1" class="btn btn-success">Save & submit</button>
                <a href="{{ $returnUrl ?? route('planning.me-reports.index') }}" class="btn btn-light">Cancel</a>
            </div>
        </form>
    </x-chm.layout.page>
</div>

@endsection