@extends('voyager::master')

@section('page_title', 'BlackList')

@section('page_header')
    <div class="page-header">
        <div class="row align-items-center py-2">
            <div class="col-sm mb-2 mb-sm-0">
                <div class="d-flex align-items-center">
                    <img class="onerror-image" data-onerror-image="{{ asset('thumb.png') }}" src="{{ asset('thumb.png') }}"
                        width="38" alt="BlackList Image">
                    <div class="w-0 flex-grow pl-2">
                        <h1 class="page-header-title mb-0">BlackList</h1>
                        <p class="page-header-text m-0">Manage and monitor blacklist entries.</p>

                        @if(hasPermission('add','BlackList'))
                        <a href="{{ route('voyager.black-list.create') }}" class="btn btn-sm btn-success btn-add-new pull-right">
                            <i class="voyager-plus"></i> <span>Add New</span>
                        </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('content')
    @include('_partials.alerts')

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-bordered">
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table" id="dataTable">
                            <thead>
                                <tr>
                                    <th>SN</th>
                                    <th>Name</th>
                                    <th>National Id</th>
                                    <th>Contact No</th>
                                    <th>Cr Number</th>
                                    <th>Passport Number</th>
                                    <th>Status</th>
                                    <th>Extra Column</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($blackLists as $blackList)
                                    <tr>
                                        <td>{{ $loop->index + 1 }}</td>
                                        <td>{{ $blackList->name ?? '' }}</td>
                                        <td>{{ $blackList->national_id ?? '' }}</td>
                                        <td>{{ $blackList->contact_no ?? '' }}</td>
                                        <td>{{ $blackList->cr_number ?? '' }}</td>
                                        <td>{{ $blackList->passport_number ?? '' }}</td>
                                        <td>
                                            <div class="mt-3 pb-1">
                                                <span class="p-1 label label-{{ strtolower(\App\Enums\Status::getStr($blackList->status)) }}" id="status-label-{{ $blackList->local_id }}">
                                                    {{ \App\Enums\Status::getStr($blackList->status) }}
                                                </span>
                                            </div>
                                        </td>
                                        <td>
                                            @if(hasPermission('approval', 'BlackList') && checkAndReturnValue($blackList,'is_approval_needed')==true)
                                            <a class="btn btn-sm btn-danger pull-right top-up" href="{{
                                                route('approval.reject', [
                                                    'id' => checkAndReturnValue($blackList, 'id'),
                                                    'route' => 'black-list.reject',
                                                    'callback_url' => 'voyager.black-list.index'
                                                ])
                                            }}">
                                                <i class="voyager-exclamation"></i> Reject
                                            </a>
                                            <a class="btn btn-sm btn-success pull-right top-up" href="{{
                                                route('approval.approve', [
                                                    'activation_key' => 'id',
                                                    'activation_val' => checkAndReturnValue($blackList, 'id'),
                                                    'route' => 'black-list.approve',
                                                    'callback_url' => 'voyager.black-list.index'
                                                ])
                                            }}">
                                                <i class="voyager-check"></i> Approve
                                            </a>
                                            @endif
                                            @if(hasPermission('edit','BlackList'))
                                            <a href="{{ route('voyager.black-list.edit', ['blacklist' => $blackList->id]) }}" title="Edit" class="btn btn-sm btn-primary pull-right edit">
                                                <i class="voyager-edit"></i> <span class="hidden-xs hidden-sm">Edit</span>
                                            </a>
                                            @endif
                                            @if(hasPermission('read','BlackList'))
                                            <a href="{{ route('voyager.black-list.show', ['blacklist' => $blackList->id]) }}" title="Edit" class="btn btn-sm btn-warning pull-right edit">
                                                <i class="voyager-eye"></i> <span class="hidden-xs hidden-sm">View</span>
                                            </a>
                                            @endif
                                            @if(hasPermission('delete','BlackList'))
                                            <form action="{{ route('voyager.black-list.destroy', ['blacklist' => $blackList->id]) }}" method="POST" class="pull-right delete-form" style="display:inline-block;">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" title="Delete" class="btn btn-sm btn-danger  delete-button">
                                                    <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">Delete</span>
                                                </button>
                                            </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('javascript')
    <script src="{{ asset('assets/admin/js/deleteConfirmation.js') }}"></script>

    <script>
        $(document).ready(function() {

                var searchLabel = "@lang('datatable.sSearch')";
                var lengthMenuLabel = "@lang('datatable.sLengthMenu')";
                var infoLabel = "@lang('datatable.sInfo')";
                var infoEmptyLabel = "@lang('datatable.sInfoEmpty')";
                var infoFilteredLabel = "@lang('datatable.sInfoFiltered')";
                var loadingRecordsLabel = "@lang('datatable.sLoadingRecords')";
                var processingLabel = "@lang('datatable.sProcessing')";
                var zeroRecordsLabel = "@lang('datatable.sZeroRecords')";

                var firstLabel = "@lang('datatable.oPaginate.sFirst')";
                var lastLabel = "@lang('datatable.oPaginate.sLast')";
                var nextLabel = "@lang('datatable.oPaginate.sNext')";
                var previousLabel = "@lang('datatable.oPaginate.sPrevious')";

                var sortAscendingLabel = "@lang('datatable.oAria.sSortAscending')";
                var sortDescendingLabel = "@lang('datatable.oAria.sSortDescending')";
            $('#dataTable').DataTable({
                paging: true,
                searching: true,
                ordering: true,
                lengthChange: true,
                info: true,
                        language: {
                        search: searchLabel,
                        lengthMenu: lengthMenuLabel,
                        info: infoLabel,
                        infoEmpty: infoEmptyLabel,
                        infoFiltered: infoFilteredLabel,
                        loadingRecords: loadingRecordsLabel,
                        processing: processingLabel,
                        zeroRecords: zeroRecordsLabel,
                        paginate: {
                            first: firstLabel,
                            last: lastLabel,
                            next: nextLabel,
                            previous: previousLabel
                        },
                        aria: {
                            sortAscending: sortAscendingLabel,
                            sortDescending: sortDescendingLabel
                        }
                    },
            });
        });
    </script>
@stop