@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h4>Add Category</h4>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ url('insert-category') }}" enctype="multipart/form-data"> 
            @csrf
            <div class="row">
                   
                <div class="col-md-6 mb-3">
                    <label for="brand_id">Brand</label>
                    <select class="form-select border border-dark p-2" name="brand_id" id="brand_id" required>
                        <option value="">Select a Brand</option>
                        @foreach($brands as $brand)
                            <option value="{{ $brand->id }}">{{ $brand->name }}</option>
                        @endforeach
                    </select>
                </div>    
                <div class="col-md-6 mb-3">
                    <label for="category_name">Category Name</label>
                    <input type="text" class="form-control border border-dark p-2" name="category_name" required>
                </div>    
             

                <div class="col-md-12 mb-3">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>    
            </div>    
        </form>
    </div>
</div>
@endsection