@extends('layouts.admin')

@section('title', 'Edit Kategori Simper')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="fw-bold mb-0">Edit Kategori Simper</h4>

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">

                <li class="breadcrumb-item">
                    <a href="{{ route('dashboard') }}"
                        class="text-decoration-none">

                        Dashboard

                    </a>
                </li>

                <li class="breadcrumb-item">
                    <a href="{{ route('dashboard.simper-categories.index') }}"
                        class="text-decoration-none">

                        Kategori Simper

                    </a>
                </li>

                <li class="breadcrumb-item active">
                    Edit Kategori
                </li>

            </ol>
        </nav>
    </div>

    <a href="{{ route('dashboard.simper-categories.index') }}"
        class="btn btn-sm btn-outline-secondary shadow-sm">

        <i class="bi bi-arrow-left me-1"></i>
        Kembali

    </a>
</div>

<div class="card border-0 shadow-sm rounded-3">
    <div class="card-body p-4">

        <form method="POST"
            action="{{ route('dashboard.simper-categories.update', $simperCategory->id) }}">

            @csrf
            @method('PUT')

            {{-- NAME + DESCRIPTION --}}
            <div class="row mb-4">

                {{-- NAME --}}
                <div class="col-md-6">

                    <label for="name"
                        class="form-label fw-bold">

                        Nama Kategori
                        <span class="text-danger">*</span>

                    </label>

                    <div class="input-group">

                        <span class="input-group-text bg-light border-end-0 text-muted">
                            <i class="bi bi-tag"></i>
                        </span>

                        <input type="text"
                            name="name"
                            id="name"
                            class="form-control border-start-0 @error('name') is-invalid @enderror"
                            placeholder="e.g. Kategori 1"
                            value="{{ old('name', $simperCategory->name) }}"
                            required>

                        @error('name')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                </div>

                {{-- DESCRIPTION --}}
                <div class="col-md-6">

                    <label for="description"
                        class="form-label fw-bold">

                        Deskripsi
                        <span class="text-danger">*</span>

                    </label>

                    <div class="input-group">

                        <span class="input-group-text bg-light border-end-0 text-muted">
                            <i class="bi bi-card-text"></i>
                        </span>

                        <textarea name="description"
                            id="description"
                            class="form-control border-start-0 @error('description') is-invalid @enderror"
                            placeholder="Masukkan deskripsi kategori..."
                            required>{{ old('description', $simperCategory->description) }}</textarea>

                        @error('description')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>

                </div>

            </div>

            {{-- ACTION --}}
            <div class="mt-5 pt-3 border-top d-flex gap-2">

                <button type="submit"
                    class="btn btn-success px-4 shadow-sm">

                    <i class="bi bi-save me-1"></i>
                    Update

                </button>

                <a href="{{ route('dashboard.simper-categories.index') }}"
                    class="btn btn-light border px-4">

                    Batal

                </a>

            </div>

        </form>

    </div>
</div>

@endsection