@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')
@can('admin.account_link.add')
<a href="{{ route('account_link.add') }}" class="btn btn-default btn-primary">
    <i class="fa fa-plus"></i> @Lang('admin.add') 
</a>
@endcan
@include(config('admin_theme.view_prefix', 'admin').'.layout.error')
<div class="table-responsive">
    <table id="account_link_table" class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>#</th>
                <th>@Lang('admin.name_ar')</th>
                <th>@Lang('admin.name_en')</th>
                <th>@Lang('admin.main-account')</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">
    $(document).ready(function () {
        var oTable = $('#account_link_table').DataTable({
            "processing": true,
            "serverSide": true,
            "responsive": true,
            pageLength: 50,
            "lengthChange": false,
            "autoWidth": false,
            "searching": false,
            "ajax": {
                url: "{{ route('account_link.list') }}",
            },
            "order": [[0, 'asc']],
            "columnDefs": [{
                    "targets": "_all",
                    "defaultContent": ""
                }],
            "columns": [
                {"data": ""},
                {"data": "link_name_ar"},
                {"data": "link_name_en"},
                {"data": "account"},
                {"data": "actions"}
            ],
            "fnDrawCallback": function (oSettings) {
                $('.tooltips').tooltip();
                oTable.column(0).nodes().each(function (cell, i) {
                    cell.innerHTML = (parseInt(oTable.page.info().start)) + i + 1;
                });
            }
        });
        $('#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('account_link.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);
                    oTable.draw();
                }
            });
        });
    });
</script>
@stop