@extends('layouts.finance')

@section('title', 'Courses')
@section('subtitle', 'Courses students can enroll in, and their monthly fee')

@section('content')
    <section class="card mb">
        <div class="section-head"><h2>Add Course</h2></div>
        <div class="card-pad">
            <form method="POST" action="{{ route('students.courses.store') }}" class="row-form">
                @csrf
                <div>
                    <label class="label">Course Name <span style="color:#ef4444">*</span></label>
                    <input class="field" name="name" value="{{ old('name') }}" required maxlength="255">
                </div>
                <div>
                    <label class="label">Code</label>
                    <input class="field" name="code" value="{{ old('code') }}" maxlength="50">
                </div>
                <div>
                    <label class="label">Monthly Fee <span style="color:#ef4444">*</span></label>
                    <input class="field" type="number" step="0.01" min="0" name="monthly_fee" value="{{ old('monthly_fee', 0) }}" required>
                </div>
                <div>
                    <label class="label">Currency</label>
                    <select class="field" name="currency">
                        @foreach($currencies as $currency)
                            <option value="{{ $currency }}" @selected(old('currency') === $currency)>{{ $currency }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="label">Duration (months)</label>
                    <input class="field" type="number" min="1" max="120" name="duration_months" value="{{ old('duration_months') }}">
                </div>
                <input type="hidden" name="is_active" value="0">
                <label><input type="checkbox" name="is_active" value="1" checked> Active</label>
                <button class="btn btn-primary">+ Add Course</button>
            </form>
        </div>
    </section>

    <section class="card">
        <div class="section-head"><h2>All Courses</h2></div>
        <table>
            <thead>
            <tr>
                <th>Course</th>
                <th>Code</th>
                <th class="right">Monthly Fee</th>
                <th>Duration</th>
                <th class="right">Students</th>
                <th>Active</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($courses as $course)
                <tr>
                    <form id="course-{{ $course->id }}" method="POST" action="{{ route('students.courses.update', $course) }}">@csrf @method('PUT')</form>
                    <td><input form="course-{{ $course->id }}" class="field" name="name" value="{{ $course->name }}" required></td>
                    <td><input form="course-{{ $course->id }}" class="field" name="code" value="{{ $course->code }}"></td>
                    <td class="right">
                        <input form="course-{{ $course->id }}" class="field right" type="number" step="0.01" min="0"
                               name="monthly_fee" value="{{ (float) $course->monthly_fee }}" required>
                        <select form="course-{{ $course->id }}" class="field" name="currency">
                            @foreach($currencies as $currency)
                                <option value="{{ $currency }}" @selected($course->currency === $currency)>{{ $currency }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td><input form="course-{{ $course->id }}" class="field" type="number" min="1" max="120"
                               name="duration_months" value="{{ $course->duration_months }}"></td>
                    <td class="right">
                        {{ $course->active_enrollments_count }}
                        <span class="muted text-xs">of {{ $course->enrollments_count }}</span>
                    </td>
                    <td>
                        <input form="course-{{ $course->id }}" type="hidden" name="is_active" value="0">
                        <input form="course-{{ $course->id }}" type="checkbox" name="is_active" value="1" @checked($course->is_active)>
                    </td>
                    <td class="actions">
                        <button form="course-{{ $course->id }}" class="btn btn-sm">Save</button>
                        <form method="POST" action="{{ route('students.courses.destroy', $course) }}"
                              onsubmit="return confirm('Delete this course? Courses in use are deactivated instead.')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-danger">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="muted">No courses yet.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">{{ $courses->links() }}</div>
    </section>
@endsection