@extends('layouts.dashboard')

@section('content')

<div class="container mt-4">
    <a href="{{ route('categories.index') }}" class="btn btn-primary">Back</a>
    <div class="row">
        <form action="{{ route(name: 'categories.store') }}" method="post" enctype="multipart/form-data">
            @csrf
          <div class="mt-3">
                <label for="name">Category Name:</label>
                <input type="text" placeholder="Enter Category Name" name="name" id="name" class="form-control" required>
            </div>
           
            <div class="mt-3">
                <label for="image">Image:</label>
                <input type="file" name="icon" id="icon" class="form-control" required>
            </div>
        
            <br>
            <button type="submit" class="btn btn-dark">Add Category</button>


        </form>
    </div>
</div>

@endsection