@extends(config('admin_theme.layout', 'admin.modern.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>

        <div class="dashboard__section-buttons d-flex align-items-center gap-3 pt-4 pt-md-0">
            @can('admin.store.add')
                <div class="dashboard__btn-fill">
                    <a href="{{ route('store.add') }}"
                       class="openAddModal"
                       data-bs-toggle="modal"
                       data-bs-target="#openAddModal">
                        <img src="{{ asset('assets/modern/images/add_w.svg') }}" alt="">
                        @lang('admin.add')
                    </a>
                </div>
            @endcan
            <div class="dashboard__btn-outline">
                <button class="buttons-html5" id="excel-button" type="button" title="Excel">
                    <img src="{{ asset('assets/modern/images/export_excel.svg') }}" alt="">
                    Excel
                </button>
            </div>
        </div>
    </div>

    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.search_other')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.error')

    <div class="sales__invoice__table">
        <div class="table__container">
            <div class="row-hover-actions" id="row-hover-actions"></div>
            <table id="data_table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>@lang('admin.name_ar')</th>
                        <th>@lang('admin.name_en')</th>
                        <th>@lang('admin.responsible_person')</th>
                        <th>@lang('admin.phone')</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.ajax')
@stop
@section('js')
    <script type="text/javascript">
        var list_link = "{{ route('store.list') }}";
        var columns = [
            {"data": "id"},
            {"data": "store_name_ar"},
            {"data": "store_name_en"},
            {"data": "responsible_person"},
            {"data": "responsible_person_phone"},
            {"data": "actions", "orderable": false}
        ];

        $(document).ready(function () {
            $('#confirm').on('show.bs.modal', function (e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });

            $(document).on('click', '.delete', function () {
                var id = $("#delete_id").val();
                $.ajax({
                    type: "POST",
                    url: "{{ route('store.delete') }}",
                    data: {'id': id, '_token': $('meta[name="csrf-token"]').attr('content')},
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (data) {
                        toastr[data.status](data.message);
                        table.draw();
                    }
                });
            });
        });
    </script>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.addModal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.datatable_other')
@stop