@extends('layout')

@section('title')
Branch
@endsection

@section('content')
<section class="content-header">
    <div class="container-fluid">
    <div class="row mb-2">
        <div class="col-sm-6">
        <h1>Branch</h1>
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Branch</li>
        </ol>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="card card-default">
            <div class="card-header"><h3 class="card-title">Branch List</h3></div>
            <div class="card-body">
                <table
                    id="tbl-branch"
                    data-classes="table table-striped table-hover"
                    data-toggle="table"
                    data-url="{{ route('branch-list') }}"
                    data-show-button-text="true"
                    data-buttons="tableButtons"
                    data-buttons-class="primary"
                    data-pagination="true"
                    data-search="true">
                    <thead>
                        <tr>
                            <th data-visible="false" data-field="BranchId"></th>
                            <th data-visible="false" data-field="url"></th>
                            <th data-field="PhotoPath" data-sortable="false" data-formatter="imageFormatter"></th>
                            <th data-field="BranchName" data-sortable="true">Name</th>
                            <th data-field="OfficeNumber">Contact</th>
                            <th data-field="LocCity" data-sortable="true">City</th>
                            <th data-field="htmlIs24Hours" data-sortable="true">Is 24 Hours</th>
                            <th data-field="htmlIsHead" data-sortable="true">Is Head</th>
                            <th data-field="htmlIsService">Is Service</th>
                            <th data-field="Rating" data-sortable="true" data-formatter="floatFormatter">Rating</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection

@section('script')
<script>
    $table = $('#tbl-branch')
    $table.on('click-row.bs.table', function(row, el, field){
        window.location.href = el.url
    })

    function tableButtons () {
        return {
            btnAdd: {
                text: 'Add Branch',
                event: function () {
                    window.location.href = '{{ route("branch-create") }}'
                },
                attributes: {
                    class: 'btn-primary'
                }
            }
        }
    }
</script>
@endsection