@section('page_css')

@stop

@section('page_content')
<div class="row">
    <div class="col-lg-12 hidden">
        <ul class="nav nav-pills mb-3">
            <li class="nav-item"><a href="#list-view" data-toggle="tab" class="nav-link btn-primary mr-1 show active">List View</a></li>
            <li class="nav-item"><a href="#grid-view" data-toggle="tab" class="nav-link btn-primary">Grid View</a></li>
        </ul>
    </div>
    <div class="col-lg-12">
        <div class="row tab-content">
            <div id="list-view" class="tab-pane fade active show col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">All Branch List  </h4>
                        <a href="{{ route('branches.create') }}" class="btn btn-primary">+ Add new</a>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-responsive-sm">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Location</th>
                                        <th>Contact Number</th>
                                        <th>Contact Email</th>
                                        <th>Status</th>
                                        <th>Created Date</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($branches as $branch)
                                    <tr>
                                        <td><strong>{{ $branch->name }}</strong></td>
                                        <td>{{ $branch->location }}</td>
                                        <td>{{ $branch->contact_number }}</td>                                            
                                        <td>{{ $branch->contact_email }}</td>
                                        <td><span class="badge badge-{{ $branch->status == 1 ? 'success':'danger' }}">{{ $branch->status == 1 ? 'Active':'Inactive' }}</span></td>
                                        <td>{{ $branch->created_at->format('Y-m-d') }}</td>
                                        <td>
                                            <a href="{{ route('branches.edit', $branch->id) }}" class="btn btn-sm btn-primary"><i class="la la-pencil"></i></a>
                                            <a href="javascript:void(0);" class="btn btn-sm btn-danger"><i class="la la-trash-o"></i></a>
                                        </td>												
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop