@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Companies">
        <span>Companies</span>
        <x-slot:actions>
            <a class="dropdown-item" href="{{ route('backend.company.create') }}">Create</a>
            <a class="dropdown-item" href="{{ route('backend.company.export',request()->all()) }}">Export</a>
        </x-slot:actions>
    </x-ui.breadcrumb>

    <x-ui.filters-card id="company-filter">
        <x-filter.user class="col-12 col-md-6" type="company"/>
        <x-filter.country class="col-12 col-md-3" name="country" type="slug"/>
        <x-filter.keyword class="col-12 col-md-3"/>
    </x-ui.filters-card>

    <x-ui.datatables-card id="company-datatable"/>
@endsection

@push('inline-scripts')
    <script>
        (function () {
            datatables.companies();
        })();
    </script>
@endpush