@extends('layouts.auth')

@section('content')
    <div class="container-fluid" id="container-wrapper">
        <h4>Create new categories</h4>
        <form action="{{ route('categories.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group mb-2">
                        <label for="name">Name</label>
                        <input type="text" class="form-control" name="name" placeholder="Name" required>
                    </div>
                    <div class="form-group mb-2">
                        <label for="order">Order</label>
                        <input type="number" class="form-control" name="order" placeholder="Order">
                    </div>
                    <div class="form-group mb-3">
                        <label for="image">Image</label>
                        <input type="file" class="form-control {{ $errors->has('image') ? 'is-invalid' : '' }}" name="image" required>
                        @error('image')
                            <span class="invalid-feedback" role="alert">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <div class="form-group mb-2">
                        <button type="submit" class="btn btn-primary btn-sm  mt-2">Save</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection