@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Trade Inventory'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card shadow">
                    <div class="card-header" >
                    <h5><b>{{$branches->branch_name}} <br>[{{$branches->branch_code}}]</b></h5>
                        <ol class="breadcrumb breadcrumb-links pb-2" >
                            <li class="breadcrumb-item" style="font-size: 20px;"><a href="{{ route('trade.index') }}" ><span>List of Branches</span></a></li>
                            <li class="breadcrumb-item" style="font-size: 20px;"><a href="{{ route('trade.showTrade', $branches->id) }}" ><span>Trade Inventories</span></a></li>
                            <li class="breadcrumb-item" style="font-size: 20px;"><a href="{{ route('inventory.brand', [$branches->id, $inventory->id]) }}" >List of Brands</a></li>
                            <li class="breadcrumb-item active" style="font-size: 20px;" aria-current="page"><a href="" ><b>Category</b></a></li>
                        </ol>
                    </div>
             
                    <div class="card-body">
                        <div class="text-center ">
                            <h6><b>{{$brands->brand_name}}</b></h6>
                        </div>
                    <h4>Select Category</h4>
                        <div class="col-md-12">
                            @foreach($categories as $category)
                                <a href="{{ route('trade.trade', $category->id) }}" class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">{{$category->category_name}}</a>
                            @endforeach
                        </div>
                 
                      
                    </div>
                    <div class="card-footer">
                        <div class="col-md-6 text-right">
                            <a href="{{ route('inventory.brand', [$branches->id, $inventory->id]) }}" class="btn btn-danger"><i class="fas fa-arrow-left mr-1"></i>Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footers.auth.footer')
    </div>
@endsection