@extends('admin.layout')

@section('title', ($program->exists ? 'Edit' : 'New').' Program')

@section('content')
<form
    method="POST"
    enctype="multipart/form-data"
    action="{{ $program->exists ? route('admin.programs.update', $program) : route('admin.programs.store') }}"
    class="card kw-card p-4"
>
    @csrf
    @if($program->exists)
        @method('put')
    @endif

    @include('admin.partials.translated', [
        'model' => $program,
        'bodyField' => 'description',
        'summaryField' => 'summary',
    ])

    <div class="row g-3 mt-1">
        <div class="col-md-4">
            <label class="form-label">Category</label>
            <select class="form-select" name="category_id">
                <option value="">None</option>
                @foreach($categories as $category)
                    <option value="{{ $category->id }}" @selected(old('category_id', $program->category_id) == $category->id)>
                        {{ $category->tr('name', 'en') }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="col-md-4">
            <label class="form-label">Slug</label>
            <input
                class="form-control"
                name="slug"
                value="{{ old('slug', $program->slug) }}"
                placeholder="program-url-name"
            >
        </div>

        <div class="col-md-4">
            <label class="form-label">Icon</label>
            <input
                class="form-control"
                name="icon"
                value="{{ old('icon', $program->icon) }}"
                placeholder="fa-heart"
            >
        </div>

        <div class="col-md-4">
            <label class="form-label">Sort Order</label>
            <input
                class="form-control"
                type="number"
                name="sort_order"
                value="{{ old('sort_order', $program->sort_order ?? 0) }}"
                min="0"
            >
        </div>

        <div class="col-md-4">
            <label class="form-label">Status</label>
            <select class="form-select" name="status">
                <option value="active" @selected(old('status', $program->status) === 'active')>Active</option>
                <option value="inactive" @selected(old('status', $program->status) === 'inactive')>Inactive</option>
            </select>
        </div>

        <div class="col-md-4">
            <label class="form-label">Image</label>
            <input type="file" class="form-control" name="image">
        </div>

        <div class="col-12">
            <button class="btn btn-kw" type="submit">Save Program</button>
        </div>
    </div>
</form>
@endsection