@extends('layouts.metronic')

@section('content')  

    <script>
        .btn-group button {
        background-color: #04AA6D; /* Green background */
        border: 1px solid green; /* Green border */
        color: white; /* White text */
        padding: 10px 24px; /* Some padding */
        cursor: pointer; /* Pointer/hand icon */
        float: left; /* Float the buttons side by side */
        }

        .btn-group button:not(:last-child) {
        border-right: none; /* Prevent double borders */
        }

        /* Clear floats (clearfix hack) */
        .btn-group:after {
        content: "";
        clear: both;
        display: table;
        }

        /* Add a background color on hover */
        .btn-group button:hover {
        background-color: #3e8e41;
        }
    </script>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">                
                <i class="fa fa-table"></i>
                <span class="caption-subject bold uppercase">Alerte</span>
            </div>      
            
        </div>
        <div class="portlet-body">
            <div class="table-toolbar">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-11">

                        <form action="{{ route('alerts') }}" method="POST" class="form fv-plugins-bootstrap5 fv-plugins-framework">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">                                    
                            <div class="caption font-dark">
                                <label class="fw-bold fs-6 mb-2">Terminal</label>
                                
                                <div class="input-group">
                                    <select id="terminal_id" name="terminal_id" onchange="this.form.submit()" class="form-control">
                                        @foreach ($terminals as $terminal)
                                            <option value="{{ $terminal->id }}" {{ ($terminal->id==$terminal_id)?'selected':'' }}>{{ $terminal->name }}</option>
                                        @endforeach                                    
                                    </select>
            
                                </div>
                                
                            </div>
                        </form>    
                    </div>  
                </div>
            </div>      
        
            <form method="POST" action="{{ route('alert.addEmail') }}"> 
                <span>Lipsă hârtie în imprimantă</span>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="code" value="ALERT_NO_PAPER">
                <input type="hidden" name="terminal_id" value="{{ $terminal_id }}">

                @if (count($ALERT_NO_PAPER) > 0)
                <br>            
                <div class="btn-group">
                    @foreach ($ALERT_NO_PAPER as $alert)
                        <a class="btn btn-sm black" data-singleton="true" data-popout="true" data-placement="top" data-toggle="confirmation" data-btn-ok-label="Da" data-btn-cancel-label="Nu" data-title="Sigur doriți să ștergeți?" href="{{ route('alert.removeEmail', $alert->id) }}"><input type="button" value="{{$alert->email}}"> </button></a>
                    @endforeach   
                </div>
                @endif

                <br>

                <input type="text" placeholder="Introduceți un email și apăsați ENTER pentru adăugare" class="form-control" id="email" name="email" value="" required>
            </form>

            <br>
            <br>

            <form method="POST" action="{{ route('alert.addEmail') }}"> 
                <span>Imprimantă blocată</span>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="code" value="ALERT_PRINTER_JAM">
                <input type="hidden" name="terminal_id" value="{{ $terminal_id }}">

                @if (count($ALERT_PRINTER_JAM) > 0)
                <br>
                <div class="btn-group">
                    @foreach ($ALERT_PRINTER_JAM as $alert)
                        <a class="btn btn-sm black" data-singleton="true" data-popout="true" data-placement="top" data-toggle="confirmation" data-btn-ok-label="Da" data-btn-cancel-label="Nu" data-title="Sigur doriți să ștergeți?" href="{{ route('alert.removeEmail', $alert->id) }}"><input type="button" value="{{$alert->email}}"> </button></a>
                    @endforeach   
                </div>
                @endif

                <br>
                <input type="text" placeholder="Introduceți un email și apăsați ENTER pentru adăugare" class="form-control" id="email" name="email" value="" required>
            </form>

            <br>
            <br>

            <form method="POST" action="{{ route('alert.addEmail') }}"> 
                <span>Container de documente plin</span>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="code" value="ALERT_BIN_FULL">
                <input type="hidden" name="terminal_id" value="{{ $terminal_id }}">

                @if (count($ALERT_BIN_FULL) > 0)
                <br>
                <div class="btn-group">
                    @foreach ($ALERT_BIN_FULL as $alert)
                        <a class="btn btn-sm black" data-singleton="true" data-popout="true" data-placement="top" data-toggle="confirmation" data-btn-ok-label="Da" data-btn-cancel-label="Nu" data-title="Sigur doriți să ștergeți?" href="{{ route('alert.removeEmail', $alert->id) }}"><input type="button" value="{{$alert->email}}"> </button></a>
                    @endforeach   
                </div>
                @endif

                <br>
                <input type="text" placeholder="Introduceți un email și apăsați ENTER pentru adăugare" class="form-control" id="email" name="email" value="" required>
            </form>

            <br>
            <br>

            <form method="POST" action="{{ route('alert.addEmail') }}"> 
                <span>Lipsă conexiune date</span>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="code" value="ALERT_NO_CONNECTION">
                <input type="hidden" name="terminal_id" value="{{ $terminal_id }}">

                @if (count($ALERT_NO_CONNECTION) > 0)
                <br>
                <div class="btn-group">
                    @foreach ($ALERT_NO_CONNECTION as $alert)
                        <a class="btn btn-sm black" data-singleton="true" data-popout="true" data-placement="top" data-toggle="confirmation" data-btn-ok-label="Da" data-btn-cancel-label="Nu" data-title="Sigur doriți să ștergeți?" href="{{ route('alert.removeEmail', $alert->id) }}"><input type="button" value="{{$alert->email}}"> </button></a>
                    @endforeach   
                </div>
                @endif

                <br>
                <input type="text" placeholder="Introduceți un email și apăsați ENTER pentru adăugare" class="form-control" id="email" name="email" value="" required>
            </form>
            
        </div>
    </div>    
@endsection



@section('menuVariables')
    var menuItemName = "menuAlerts";
    var submenuItemName = "";
@stop