@extends('admin.layouts.index')

@section('content')
<h4 class="card-title mb-3">
    <a href="{{ route('admin.captains.create') }}">
        <button class="btn btn-success">
            <i class="las la-plus-circle"></i> @lang("global.add")
        </button>
    </a>

    <a href="#" data-toggle="modal" data-target="#settingsModal">
        <button class="btn btn-dark">
            <i class="las la-cog"></i> @lang("global.settings")
        </button>
    </a>
</h4>

<div class="table-responsive">
    <table id="captainsTable" class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>@lang("validation.attributes.avatar") </th>
                <th>@lang("validation.attributes.username") </th>
                <th>@lang("validation.attributes.name") </th>
                <th>@lang("validation.attributes.email") </th>
                <th>@lang("validation.attributes.super_admin") </th>
                <th>@lang("global.actions")</th>
            </tr>
        </thead>
    </table>
</div>

<x-bootstrap.modal id="settingsModal" content-type='slot' :title="__('global.settings')">
    <x-dashboard.form.form :action='route("admin.captains.settings")'>
        <x-dashboard.form.input name="delivery_fees" container-classes="col-12" :value="cache('delivery_fees')" />
        <x-dashboard.form.input name="delivery_increase_price_percentage" container-classes="col-12" :value="cache('delivery_increase_price_percentage')" />
        <x-dashboard.form.button />
    </x-dashboard.form.form>
</x-bootstrap.modal>
@endsection