@extends('backend.layouts.master')
@section('title', $courseCategory->exists ? 'Edit Course Category' : 'Add Course Category')
@section('content')
@php $item = $courseCategory; @endphp
<div class="page-content"><div class="container-fluid">
    <div class="page-title-box"><h4 class="mb-0">{{ $item->exists ? 'Edit' : 'Add' }} Course Category</h4></div>
    @include('backend.partials.alerts')
    <form method="POST" enctype="multipart/form-data" action="{{ $item->exists ? route('admin.course-categories.update', $item) : route('admin.course-categories.store') }}">
        @csrf
        @if($item->exists) @method('PUT') @endif
        <div class="row">
            <div class="col-xl-8">
                <div class="card"><div class="card-body">
                    <div class="row">
                        <div class="col-md-8 mb-3">
                            <label class="form-label">Name *</label>
                            <input type="text" name="name" class="form-control" value="{{ old('name', $item->name) }}" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Short name / Logo text</label>
                            <input type="text" name="short_name" class="form-control" value="{{ old('short_name', $item->short_name) }}" placeholder="UoB">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Slug</label>
                        <input type="text" name="slug" class="form-control" value="{{ old('slug', $item->slug) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Description</label>
                        <textarea name="description" class="form-control" rows="3">{{ old('description', $item->description) }}</textarea>
                    </div>
                    <hr>
                    <h6 class="mb-3">Homepage university card</h6>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Location</label>
                            <input type="text" name="location" class="form-control" value="{{ old('location', $item->location) }}" placeholder="Birmingham, UK">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Rank / highlight</label>
                            <input type="text" name="rank_label" class="form-control" value="{{ old('rank_label', $item->rank_label) }}" placeholder="Top 15 UK Ranking">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Intake label</label>
                            <input type="text" name="intake_label" class="form-control" value="{{ old('intake_label', $item->intake_label) }}" placeholder="Jan | May | Sep Intake">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Courses label</label>
                            <input type="text" name="courses_label" class="form-control" value="{{ old('courses_label', $item->courses_label) }}" placeholder="350+ Courses">
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="form-label">CTA URL</label>
                            <input type="text" name="cta_url" class="form-control" value="{{ old('cta_url', $item->cta_url ?: '/courses') }}" placeholder="/courses">
                        </div>
                    </div>
                </div></div>
            </div>
            <div class="col-xl-4">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Icon class</label>
                        <input type="text" name="icon" class="form-control" value="{{ old('icon', $item->icon ?: 'ri-folder-line') }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Image URL</label>
                        <input type="text" name="image" class="form-control" value="{{ old('image', $item->image) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Upload image</label>
                        @if($item->imageUrl())
                            <div class="mb-2"><img src="{{ $item->imageUrl() }}" alt="" class="img-fluid rounded" style="max-height:100px;"></div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_image" value="1" id="remove_image">
                                <label class="form-check-label" for="remove_image">Remove image</label>
                            </div>
                        @endif
                        <input type="file" name="image_file" class="form-control" accept="image/*">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Sort Order</label>
                        <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $item->sort_order ?? 0) }}">
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" name="status" value="1" id="status" @checked(old('status', $item->status ?? true))>
                        <label class="form-check-label" for="status">Active</label>
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="show_on_home" value="1" id="show_on_home" @checked(old('show_on_home', $item->show_on_home ?? false))>
                        <label class="form-check-label" for="show_on_home">Show on homepage universities</label>
                    </div>
                    <button class="btn btn-primary w-100">Save</button>
                    <a href="{{ route('admin.course-categories.index') }}" class="btn btn-light w-100 mt-2">Cancel</a>
                </div></div>
            </div>
        </div>
    </form>
</div></div>
@endsection