@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0" style="font-weight:600;">
        <i class="fas fa-folder me-2" style="color:var(--admin-primary)"></i>
        {{ isset($category) ? 'Edit Category' : 'Create Category' }}
    </h5>

    <a href="{{ route('categories.index') }}" class="btn-admin-outline">
        <i class="fas fa-arrow-left me-1"></i> Back
    </a>
</div>

<div class="admin-card">
    <div class="admin-card-body">

        @include('partials.errors')

        <form action="{{ isset($category) ? route('categories.update', $category->id) : route('categories.store') }}"
              method="POST"
              enctype="multipart/form-data"
              class="admin-form">

            @csrf

            @if(isset($category))
                @method('PUT')
            @endif

            <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"
                        class="form-control"
                        placeholder="Enter Category Name"
                        value="{{ old('name', $category->name ?? '') }}">
                </div>

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

                    <select name="category_type" class="form-control">
                        <option value="">Select Category Type</option>

                        <option value="India Tour"
                            {{ old('category_type', $category->category_type ?? '') == 'India Tour' ? 'selected' : '' }}>
                            India Tour
                        </option>

                        <option value="International Tour"
                            {{ old('category_type', $category->category_type ?? '') == 'International Tour' ? 'selected' : '' }}>
                            International Tour
                        </option>

                        <option value="Theme Based"
                            {{ old('category_type', $category->category_type ?? '') == 'Theme Based' ? 'selected' : '' }}>
                            Theme Based
                        </option>

                    </select>
                </div>

                <!-- Category Image -->
                <div class="col-md-6 mb-3">
                    <label class="form-label">Category Image</label>

                    <input
                        type="file"
                        name="image"
                        class="form-control"
                        accept="image/*">

                    @if(isset($category) && !empty($category->image))
                        <div class="mt-2">
                            <img src="{{ asset('storage/categories/'.$category->image) }}"
                                 style="height:90px;border-radius:6px;border:1px solid #ddd;">
                        </div>
                    @endif
                </div>

            </div>

            <button type="submit" class="btn-admin-primary">
                <i class="fas fa-save me-1"></i>
                {{ isset($category) ? 'Update Category' : 'Add Category' }}
            </button>

        </form>

    </div>
</div>
@endsection