@extends('layouts.adminlte.adminlte')

@section('title')
    Blacklist
@endsection

@section('content_header')
    @parent
    <div>
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))
                <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
            @endif
        @endforeach
    </div>
    <h1 id="title" class="center">Blacklist</h1>
@endsection

@section('content')
    {!! Form::open(['action' => ['App\Http\Controllers\BlacklistController@search'], 'method' => 'POST']) !!}
    <div class="center form-group">
        {{Form::text('blacklist_input', '', [ 'class' => 'col-md-4 textbox form-textbox center form-control', 'placeholder' => 'Enter the search terms'])}}
        {{Form::submit('Search', ['class' => 'center btn btn-primary'])}}
        {!! Form::close() !!}
    </div>
    @if($search ?? false)
        <br><br>
        @if($records->count() > 0)
            <div class="center"><h2>❌ Records found:</h2></div>
            @foreach($records as $record)
                <div class="center">
                    <h6>
                        {{$record->key_type}} - <b>{{$record->value}}</b>
                        @if($record->created_at)
                            - {{$record->created_at}}
                        @endif
                        @if(auth()->user()->user_type == "admin" && ($record->added_by || $record->added_by_telegram))
                            - Added by {{$record->added_by_str}}
                        @endif
                        @if($record->reason)
                            - Reason: {{$record->reason}}
                        @endif
                    </h6>
                </div>
            @endforeach
        @else
            <div class="center"><h2>✅ Nothing found in the blacklist!</h2></div>
        @endif
    @endif
@endsection

@section('css')
    @parent
    <link rel="stylesheet" type="text/css"
          href="https://cdn.datatables.net/v/bs4/dt-1.10.22/r-2.2.6/datatables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css"/>
    <style>
        .center {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

        .resp {
            width: 100%;
            overflow-x: auto;
        }

        .textbox {
            height: 46px;
            display: inline-block;
            margin-right: 20px;
            vertical-align: middle
        }
    </style>
@endsection

@section('js')
    @parent
    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.22/r-2.2.6/datatables.min.js"></script>
    <script>
        function show_alert(alert_type, msg) {
            var p = document.createElement("p");
            p.setAttribute('class', 'alert alert-' + alert_type);
            p.innerText = msg;
            var elem = document.querySelector("body > div > div.content-wrapper > div.content-header > div");
            elem.insertBefore(p, elem.childNodes[elem.children.length - 1]);
        }

        $(document).ready(function () {
            $('#results_table').DataTable({
                stateSave: true,
                "stateDuration": -1
            });
        });
    </script>
@endsection