@extends('layout.index')

@section('brands', 'active')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/users.css') }}">
@endsection

@section('contents')
    <div class="content-wrapper mb-3">
        <div class="container-fluid p-2">
            <div class="content-header">
                <x-content-header heading="Brands Maintenance"
                    description="Brands maintenance. Manage and perform various transactions related to users here.">
                </x-content-header>

                <button class="btn btn-primary mr-2 mb-3" id="create-btn">Create Brands</button>

                <hr>

                <div class="mt-2">
                    <x-datatable :tableColumns="['Description', 'Entity', 'Status', 'Action']"></x-dashboard>
                </div>
            </div>
        </div>
    </div>

    @include('brands.modals', ['entities' => $entities])
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/brands.js') }}"></script>
@endsection