@extends(getTemplate('admin'))
@section('content')
    @push('custom-css')
    @endpush
    <div class="gadmin-pagesidebar-width-1">
        <div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
            <!-- begin panel-heading -->
            <div class="panel-heading gadmin-pagesidebar-width-1-heading">
                <h4 class="panel-title">{{__('core.platform_settings')}}</h4>
            </div>
            <!-- end panel-heading -->
            <div class="gadmin-pagesidebar-body">
                <div class="gadmin-pagesidebar-main">
                    <ul class="nav gadmin-pagesidebar-ul">
                        @if(!auth()->user()->isHubAdmin())
                            <li>
                                <a href="{{ route('admin.companies.create') }}" class=" gadmin-pagesidebar-options-success"><i class="fa fa-plus"></i> {{__('core.add_company')}}</a>
                            </li>
                        @endif
                        <li>
                            <form id="deleteForm" class="gadmin-pagesidebar-options-danger-button" action="{{url('admin/ajax/bulk_delete/company')}}" method="POST">
                                <button type="submit" id="deleteChecked" name="bulkDelete" class="gadmin-pagesidebar-options-danger"  style="display:none"><i class="fa fa-trash"></i> {{__('core.bulk_delete')}}</button>
                            </form>
                        </li>
                    </ul>
                    <ul class="nav gadmin-pagesidebar-ul gadmin-mhide">
                        <li><hr></li>
                        @can('viewAll', \App\Models\Company::class)
                            <li><a href="{{ route('admin.companies.index') }}">{{__('core.view_companies')}}</a></li>
                        @endCan
                        <li><a class="active">{{__('core.view_hub_companies')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="gadmin-pagesidebar-width-2">
        <!-- begin panel -->
        <div class="panel panel-default " data-sortable-id="ui-widget-6">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                </div>
                <h4 class="panel-title">
                    {{$title}}
                </h4>
            </div>
            <div id="info-alert" class="alert" style="display:none">
                <span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
                <div class="alert-container"></div>
            </div>
            <div class="panel-body">
                @php $t = 'type-hub'; @endphp
                <form id="deleteForm" action="{{url('admin/ajax/bulk_delete/company')}}" method="POST">
                    <table
                        id="beDataTable"
                        class="table table-striped table-responsive table-bordered table-hover"
                        width="100%"
                        data-href="{{url('admin/ajax/getDataTableData/Company')}}"
                        data-object="Company"
                        data-filter="{{json_encode(['type' => 'hub'])}}"
                        data-cols="id,logo,name,admin_names,address.city,email,created_at_formatted,id"
                    >
                        <thead>
                        <tr>
                            <th width="1%" data-orderable="false" data-bulk="true" data-name="id"><input id="select_all" name="select_all" value="1" type="checkbox"></th>
                            <th class="text-nowrap" data-orderable="true" data-image="true" data-searchable="false" data-name="logo">{{__('core.logo')}}</th>
                            <th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="name">{{__('core.name')}}</th>
                            <th class="text-nowrap" data-orderable="false" data-searchable="false" data-name="admin_names">{{__('core.co_rep')}}</th>
                            <th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="address.city">{{__('core.city')}}</th>
                            <th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="email">{{__('core.email')}}</th>
                            <th class="text-nowrap" data-orderable="true" data-time="true" data-searchable="false" data-name="created_at_formatted">{{__('core.created_at')}}</th>
                            <th class="text-nowrap" data-object="Company" data-action="true" data-edit="admin/utility/add_company" data-delete="true" data-name="id">{{__('core.actions')}}</th>
                        </tr>
                        </thead>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function(){
            beDataTable('#beDataTable')
        });
    </script>
    <!-- end panel -->
    @push('custom-js')
    @endpush
@endsection