@extends('layouts.base')

@section('stylesheets')
    <link rel="stylesheet" href="{{ asset('admin/assets/bundles/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet"  href="{{ asset('admin/assets/bundles/sweetalert2/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/assets/bundles/fileinput/css/fileinput.min.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/assets/bundles/prism/prism.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/assets/bundles/datatables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/assets/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
@endsection

@section('content')
    <div class="section-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Corporate Clients</h4>
                        <div class="card-header-action">
                            <a href={{ asset('downloads/template.xlsx') }} type="button" class="btn btn-icon icon-left btn-success m-1 text-white">
                                <i class="fa fa-download"></i> Download Template
                            </a>
                        </div>
                        <div class="card-header-action">
                            <button type="button" class="btn btn-icon icon-left btn-success m-1" data-toggle="modal" data-target="#upload-document-modal" onclick="uploadDocument()">
                                <i class="fa fa-upload"></i> Upload Document
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover" id="companies-table" style="width:100%;">
                                <thead>
                                <tr>
                                    <th>Company Name</th>
                                    <th>Company Number</th>
                                    <th>Phone Number</th>
                                    <th>Date of Registration</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal_section')
    @include('inc.components.upload_document_modal')
    @include('inc.components.edit_company_modal')
    @include('inc.components.remove_company_modal')
@endsection

@section('scripts')
    <script src="{{ asset('admin/assets/bundles/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/prism/prism.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/moment/moment.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/fileinput/js/fileinput.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/datatables.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/jszip.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/vfs_fonts.js') }}"></script>
    <script src="{{ asset('admin/assets/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>
@endsection

@section('page_scripts')
    <script src="{{ asset('admin/assets/custom/js/companies.js') }}"></script>
@endsection