@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include('admin.layout.breadcrumb_view')
@stop
@section('page-content')
<div class="d-flex justify-content-between mb-3">
    @can('admin.main_category.add')
    <a href="{{ route('main_category.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('admin.layout.general.search_other')
<div class="table-rep-plugin">
    @include('admin.layout.error')
    <div class="table-responsive">
        
    <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>
</div>
@stop
@section('modal')
@include('admin.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    var list_link = "{{ route('main_category.list') }}";
    var columns = [
        {"data": "id"},
        {"data": "main_category_name_ar"},
        {"data": "main_category_name_en"},
        {"data": "actions"}
    ];
    $(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('main_category.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('admin.layout.general.datatable_other')
@stop