@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="bankAccountsController">
        @if(session('success_message'))
            <div class="alert alert-success" role="alert">
                {{session('success_message')}}
            </div>
        @endif
        @php  $status_title = \App\Models\BankAccount::$status_title;  @endphp
        <div class="row">
            <div class="col-md-12 m-b-30">
                <!-- DATA TABLE -->
                <div class="table-data__tool">
                    <div class="table-data__tool-right">
                        <div class="rs-select2--light rs-select2--md mb-2">
                            <select class="js-select2" ng-model="config.status" ng-change="refreshData()">
                                <option value="">Trạng thái</option>
                                @foreach($status_title as $val => $s_title)
                                    <option value="{{$val}}">{{$s_title}}</option>
                                @endforeach
                            </select>
                            <div class="dropDownSelect2"></div>
                        </div>
                        <a href="add-company-bank-account" class="btn btn-success"><i class="fas fa-plus"></i> Thêm</a>
                    </div>
                </div>
                <div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Ngân hàng</th>
                            <th>STK</th>
                            <th>Tên</th>
                            <th>Tỉnh/Thành</th>
                            <th>Chi nhánh</th>
                            <th>Trạng thái</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="tr-shadow" ng-repeat="bank in data">
                            <td style="vertical-align: middle">{<>'#'+bank.id<>}</td>
                            <td>{<>bank.bank<>}</td>
                            <td>{<>bank.bank_account_number<>}</td>
                            <td>{<>bank.owner_name<>}</td>
                            <td>{<>bank.city<>}</td>
                            <td>{<>bank.bank_branch<>}</td>
                            <td>
                                <span ng-if="bank.status == {{\App\Models\BankAccount::ACTIVE_STATUS}}" class="text-success">{{$status_title[\App\Models\BankAccount::ACTIVE_STATUS]}}</span>
                                <span ng-if="bank.status == {{\App\Models\BankAccount::INACTIVE_STATUS}}" class="text-danger">{{$status_title[\App\Models\BankAccount::INACTIVE_STATUS]}}</span>
                            </td>

                            <td>
                                <div class="table-data-feature">
                                    <a class="item" href="edit-company-bank-account?id={<>bank.id<>}" data-toggle="tooltip" data-placement="top" title="Chi tiết">
                                        <i class="zmdi zmdi-edit"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

    </div>
@endsection