@extends(config('admin_theme.layout', 'admin.layout.master'))
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include(config('admin_theme.view_prefix', 'admin').'.layout.breadcrumb_view')
@stop
@section('page-content')
<div class="d-flex justify-content-between mb-3">
    @can('admin.units.add')
    <a href="{{ route('units.add') }}" class="btn btn-default btn-primary">
        <i class="fa fa-plus"></i> @Lang('admin.add') 
    </a>
    @endcan
    <span id="outside">
        <button class="btn btn-secondary buttons-html5" id="excel-button" type="button" title="Excel"><span>Excel</span></button>
    </span>
</div>
@include(config('admin_theme.view_prefix', 'admin').'.layout.general.search_other')
<div class="table-rep-plugin">
    @include(config('admin_theme.view_prefix', 'admin').'.layout.error')
    <table id="data_table" class="table  table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>@Lang('admin.name_ar')</th>
                <th>@Lang('admin.name_en')</th>
                <th>@Lang('admin.actions')</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
@stop
@section('modal')
@include(config('admin_theme.view_prefix', 'admin').'.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    var list_link = "{{ route('units.list') }}";
    var columns = [
        {"data": "id"},
        {"data": "unit_name_ar"},
        {"data": "unit_name_en"},
        {"data": "actions"}
    ];
    $(document).ready(function () {
        $('#confirm').on('show.bs.modal', function (e) {
            $("#delete_id").val($(e.relatedTarget).data('href'));
        });
        $('#confirm_restore').on('show.bs.modal', function (e) {
            $("#restore_id").val($(e.relatedTarget).data('href'));
        });
        $(document).on('click', ".delete", function () {
            var id = $("#delete_id").val();
            $.ajax({
                type: "POST",
                url: "{{ route('units.delete') }}",
                data: {'id': id,'type':'delete', '_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();
                }
            });
        });
        $(document).on('click', ".restore", function () {
            var id = $("#restore_id").val();
            $.ajax({
                type: "POST",
                url: "{{ route('units.delete') }}",
                data: {'id': id,'type':'restore', '_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').'.layout.general.datatable_other')
@stop