@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">
                    <div class="card-header">

                        <ol class="breadcrumb breadcrumb-links breadcrumb-light">
                            <li class="breadcrumb-item active" aria-current="page" style="font-size: 20px;"><a href="" ><b>List of Branches</b></a></li>
                        </ol>
                   
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">
                        <ul class="list-group">
                            @foreach($branches as $branch)
                            <li class="list-group-item pb-0 mb-1 border border-primary">
                                <div class="row">
                                    <div class="col-lg-3 text-center border-bottom pb-1">
                                        <b>BRANCH CODE:</b><br> {{$branch->branch_code}}
                                    </div>
                                    <div class="col-lg-3 text-center border-bottom pb-1">
                                        <b>BRANCH NAME:</b><br> {{$branch->branch_name}}
                                    </div>
                                    <div class="col-lg-3 text-center border-bottom pb-1">
                                        <b>ACTION:</b> <br>
                                        <a href="{{route('trade.showTrade', $branch->id)}}" class="btn btn-icon btn-sm btn-primary" type="button" title="Edit">
                                            <span class="btn-inner--icon"><i class="fa fa-eye"></i></span>
                                        </a>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>  
            
                  
                    <div class="card-footer">
                        <div class="d-flex justify-content-center">
                            {{$branches->links()}}
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{ route('trade.index') }}" 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