@extends('admin.layouts.app')

@section('title', 'Add ORIC Event Category')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between py-4">
        <p class="page-title">Add ORIC Event Category</p>

        @can('oric-event-category-list')
            <a class="btn btn-sm btn-warning" href="{{ route('oric-event-category.index') }}">
                View All
            </a>
        @endcan
    </div>

    <div class="card rounded-0">
        <div class="card-body">

            <form action="{{ route('oric-event-category.store') }}" method="POST">
                @csrf

                <div class="row">

                    {{-- Category Name --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Category Name <span class="text-danger">*</span>
                        </label>

                        <input type="text"
                               name="name"
                               value="{{ old('name') }}"
                               class="form-control rounded-0 @error('name') is-invalid @enderror"
                               placeholder="Enter category name">

                        @error('name')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- Category Type --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Category<span class="text-danger">*</span>
                        </label>

                        <select name="type" class="form-select rounded-0 @error('type') is-invalid @enderror">
                            <option value="">Select Category</option>

                            @foreach(\App\Models\OricEventCategory::TYPES as $value => $label)
                                <option value="{{ $value }}" {{ old('type') == $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>

                        @error('type')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- Sort Order --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Sort Order</label>

                        <input type="number"
                               min="0"
                               name="sort_order"
                               value="{{ old('sort_order', 0) }}"
                               class="form-control rounded-0 @error('sort_order') is-invalid @enderror">

                        @error('sort_order')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- Status --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Status</label>

                        <select name="is_active"
                                class="form-select rounded-0 @error('is_active') is-invalid @enderror">

                            <option value="1" {{ old('is_active', 1) ? 'selected' : '' }}>
                                Active
                            </option>

                            <option value="0" {{ old('is_active') === '0' ? 'selected' : '' }}>
                                Inactive
                            </option>

                        </select>

                        @error('is_active')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- Submit --}}
                    <div class="col-md-12 text-end">
                        <button type="submit" class="btn btn-success">
                            Create
                        </button>
                    </div>

                </div>
            </form>

        </div>
    </div>
</div>
@endsection