@extends('layouts.admin')

@isset ($category)
@section('title','Admin Edit Category')
@else
@section('title','Admin Create Category')
@endisset

@section('content')
    <div class="row">
        <x-content-header title="Category" />

        <div class="col-12">
            <x-card>
                @if(empty($category))
                <form class="custom-validation" method="POST" action="{{route('admin.categories.store')}}" novalidate>
                    {{ csrf_field() }}
                    <div class="form-group row mb-4">
                        <label for="name" class="col-sm-2 col-form-label">Category<sup class="text-danger">*</sup></label>
                        <div class="col-sm-10">
                            <input type="text" name="name" class="form-control @error('name') parsley-error @enderror"
                                id="name" placeholder="Enter category " required>
                            @error('name')
                                <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                    <li class="parsley-required">{{ $message }}</li>
                                </ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-4">
                        <label for="slug" class="col-sm-2 col-form-label">Slug<sup class="text-danger">*</sup></label>
                        <div class="col-sm-10">
                            <input type="text" name="slug" class="form-control @error('slug') parsley-error @enderror"
                                id="slug" placeholder="Enter slug " required>
                            @error('name')
                                <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                    <li class="parsley-required">{{ $message }}</li>
                                </ul>
                            @enderror
                        </div>
                    </div>
                    
                    <button type="submit" class="btn btn-success rounded-pill w-md float-right"><i class="bx bx-check-shield"></i> Save</button>
                    <a href="{{route('admin.categories.index')}}" class="btn btn-warning rounded-pill w-md"><i class="bx bx-left-arrow-alt"></i> Back</a>
                </form>
                @else
                <form class="custom-validation" method="POST" action="{{route('admin.categories.update', $category)}}" novalidate>
                    {{ csrf_field() }}
                    @method('PUT')
                    <div class="form-group row mb-4">
                        <label for="name" class="col-sm-2 col-form-label">Category<sup class="text-danger">*</sup></label>
                        <div class="col-sm-10">
                            <input type="text" name="name" value="{{ $category->name }}" class="form-control @error('name') parsley-error @enderror"
                                id="name" placeholder="Enter category " required>
                            @error('name')
                                <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                    <li class="parsley-required">{{ $message }}</li>
                                </ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-4">
                        <label for="slug" class="col-sm-2 col-form-label">Slug<sup class="text-danger">*</sup></label>
                        <div class="col-sm-10">
                            <input type="text" name="slug" value="{{ $category->slug }}" class="form-control @error('slug') parsley-error @enderror"
                                id="slug" placeholder="Enter slug " required>
                            @error('name')
                                <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                    <li class="parsley-required">{{ $message }}</li>
                                </ul>
                            @enderror
                        </div>
                    </div>
                    
                    <button type="submit" class="btn btn-success rounded-pill w-md float-right"><i class="bx bx-check-shield"></i> Save</button>
                    <a href="{{route('admin.categories.index')}}" class="btn btn-warning rounded-pill w-md"><i class="bx bx-left-arrow-alt"></i> Back</a>
                </form>
                @endif
            </x-card>
        </div>
    </div>
@endsection