@extends('branch.layouts.index')

@section('content')
    @can('create', 'App\Models\Room')
        <h4 class="card-title mb-3">
            <a href="{{ route('branch.rooms.create') }}">
                <button class="btn btn-success">
                    <i class="las la-plus-circle"></i> @lang('global.add')
                </button>
            </a>

            <button class="btn btn-dark" data-toggle="modal" data-target="#ImportModal">
                <i class="las la-file-excel"></i> @lang('global.import_from_excel')
            </button>
        </h4>
    @endcan

    <div class="table-responsive">
        <table id="roomsTable" class="table table-striped table-bordered dt">
            <thead>
                <tr>
                    <th>@lang('validation.attributes.title') </th>
                    <th>@lang('global.actions')</th>
                </tr>
            </thead>
        </table>
    </div>

    <x-bootstrap.modal id="QrModal" :with-header="false" content-type='' width="lg" />
    <x-bootstrap.modal id="ImportModal" content='branch.rooms.modals.import' :title="__('global.import_from_excel')" />
@endsection