@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')
    <!-- Dashboard Section Overview -->
    <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.journals.add',App\Helpers\Helpers::removePermssions())
                <div class="dashboard__btn-fill">
                    <a href="{{ route('journals.add') }}">
                        <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=""/>
                    Export as 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>@Lang('admin.sanad_name')</th>
                    <th>@Lang('admin.date')</th>
                    <th>@Lang('admin.description')</th>
                    <th>@Lang('admin.accounts')</th>
                    <th>@Lang('admin.total')</th>
                    <th>@Lang('admin.band-type')</th>
                    <th>@Lang('admin.created_by')</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">
        let list_link = "{{ route('journals.list') }}";
        order_dir = "desc";
        let columns = [
            {"data": "id"},
            {"data": "journal_date"},
            {"data": "journal_desc"},
            {"data": "sub_account_names"},
            {"data": "total"},
            {"data": "journal_type"},
            {"data": "creator"},
            { data: 'actions', orderable: false }
        ];

        $(document).ready(function () {
            $('#confirm').on('show.bs.modal', function (e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });
            $(document).on('click', ".journals", function () {
                let journal_id = $(this).data('id');
                // AJAX request
                $.ajax({
                    url: "