@extends('layouts.main')

@section('content')

@php
if($client->MENU_HMR == null) {
    $client->MENU_HMR = [];
}
@endphp
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <h4 class="card-title col-md-11">{{ __('strings.edit_client') }}</h4>
                    <form action="{{ route('man_client')}}">
                        <button type="submit" class="btn btn-danger "><i class="fas fa-times-circle"></i></button>
                    </form>             
                </div>
            </div>
            <div class="card-body collapse in">
                <form  class="form" action="{{route('edit_data')}}" method="post">
                {{ csrf_field() }}
                    <div class="form-body">                        	
                        <div class="form-group">
                            <label>{{ __('strings.company') }}</label>
                            <input type="text" id="company" class="form-control" value="{{$client->COMPANY}}"  name="company" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.user') }}</label>
                            <input type="text" id="usuario" class="form-control" value="{{$client->USER}}"  name="usuario">
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.password') }}</label>
                            <input type="password" id="password" class="form-control" value="{{$client->PASSWORD}}"  name="password" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.confirm_password') }}</label>
                            <input type="password" id="confirm_password" class="form-control" value="{{$client->PASSWORD}}"  name="confirm_password" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.email_alert', ['number' => '1']) }}</label>
                            <input type="email" id="email" class="form-control" value="{{$client->ALERT_EMAIL}}"  name="email" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.email_alert', ['number' => '2']) }}</label>
                            <input type="email" id="email2" class="form-control" value="{{$client->ALERT_EMAIL2}}"  name="email2" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.email_alert', ['number' => '3']) }}</label>
                            <input type="email" id="email3" class="form-control" value="{{$client->ALERT_EMAIL3}}"  name="email3" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.email_alert', ['number' => '4']) }}</label>
                            <input type="email" id="email4" class="form-control" value="{{$client->ALERT_EMAIL4}}"  name="email4" >
                        </div>
                        <div class="form-group">
                            <label >{{ __('strings.email_alert', ['number' => '5']) }}</label>
                            <input type="email" id="email5" class="form-control" value="{{$client->ALERT_EMAIL5}}"  name="email5" >
                        </div>
                        <div class="form-group">
                            <label >BuzzSOS API_KEY</label>
                            <input type="text" id="buzzsos_api_key" class="form-control" value="{{$client->BUZZSOS_API_KEY}}"  name="buzzsos_api_key" >
                        </div>
                    </div>
                    <input type="hidden" id="token" name="token" value="{{$client->TOKEN}}">
                    <input type="hidden" id="id" name="id" value="{{$client->ID}}">
                    <div class="col-md-12  mt-3">
                        <h4 class="card-title">Menu HMR</h4>
                    </div>
                    <div class="col-md-4">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <th>Habilitar</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>ESTADO ACTUAL</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ESTADO ACTUAL,information-circle-outline" {{in_array('ESTADO ACTUAL,information-circle-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('ESTADO ACTUAL,information-circle-outline', $client->MENU_HMR) ? 'ESTADO ACTUAL,information-circle-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>ACTIVAR</td>
                                        <td class="text-nowrap">                                            
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ACTIVAR,play-circle-outline" {{in_array('ACTIVAR,play-circle-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('ACTIVAR,play-circle-outline', $client->MENU_HMR) ? 'ACTIVAR,play-circle-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>DESACTIVAR</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="DESACTIVAR,stop-circle-outline" {{in_array('DESACTIVAR,stop-circle-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('DESACTIVAR,stop-circle-outline', $client->MENU_HMR) ? 'DESACTIVAR,stop-circle-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>CONFIGURAR T_SWITCH</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="CONFIGURAR T_SWITCH,create-outline" {{in_array('CONFIGURAR T_SWITCH,create-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('CONFIGURAR T_SWITCH,create-outline', $client->MENU_HMR) ? 'CONFIGURAR T_SWITCH,create-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>CONFIGURAR ID</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="CONFIGURAR ID,create-outline" {{in_array('CONFIGURAR ID,create-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('CONFIGURAR ID,create-outline', $client->MENU_HMR) ? 'CONFIGURAR ID,create-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>ASIGNAR LÁMPARA RF</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ASIGNAR LÁMPARA RF,build-outline" {{in_array('ASIGNAR LÁMPARA RF,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('ASIGNAR LÁMPARA RF,build-outline', $client->MENU_HMR) ? 'ASIGNAR LÁMPARA RF,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>ASIGNAR MÓDULO DE DISTANCIA RF</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ASIGNAR MÓDULO DE DISTANCIA RF,build-outline" {{in_array('ASIGNAR MÓDULO DE DISTANCIA RF,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" vlue="{{in_array('ASIGNAR MÓDULO DE DISTANCIA RF,build-outline', $client->MENU_HMR) ? 'ASIGNAR MÓDULO DE DISTANCIA RF,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>PROGRAMAR ACTIVACIÓN y DESACTIVACION RF</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="PROGRAMAR ACTIVACIÓN y DESACTIVACION RF,build-outline" {{in_array('PROGRAMAR ACTIVACIÓN y DESACTIVACION RF,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('PROGRAMAR ACTIVACIÓN y DESACTIVACION RF,build-outline', $client->MENU_HMR) ? 'PROGRAMAR ACTIVACIÓN y DESACTIVACION RF,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>ASIGNAR INHIBIDOR</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ASIGNAR INHIBIDOR,build-outline" {{in_array('ASIGNAR INHIBIDOR,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('ASIGNAR INHIBIDOR,build-outline', $client->MENU_HMR) ? 'ASIGNAR INHIBIDOR,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>ELIMINAR INHIBIDOR</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="ELIMINAR INHIBIDOR,build-outline" {{in_array('ELIMINAR INHIBIDOR,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('ELIMINAR INHIBIDOR,build-outline', $client->MENU_HMR) ? 'ELIMINAR INHIBIDOR,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>CONFIGURACION PRODUCCION</td>
                                        <td class="text-nowrap">
                                            <div class="form-group">
                                                <input type="checkbox" onclick="checkMenuHmr(this)" value="CONFIGURACION PRODUCCION,build-outline" {{in_array('CONFIGURACION PRODUCCION,build-outline', $client->MENU_HMR) ? 'checked' : ''}}>
                                                <input type="hidden" name="menuHMR[]" value="{{in_array('CONFIGURACION PRODUCCION,build-outline', $client->MENU_HMR) ? 'CONFIGURACION PRODUCCION,build-outline' : ''}}">
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-md-12">
                        <div class="form-group">
                            <label >{{ __('strings.enabled') }}</label>
                            <input type="checkbox" id="enabled"  name="enabled" {{$client->ENABLED ? 'checked' : ''}}>
                        </div>
                    </div>

                    <div class="form-actions center mt-4 col-md-12">                                
                        <button type="submit" class="btn btn-primary">{{ __('strings.profile.update') }}</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <h4 class="card-title col-md-11">{{ __('strings.devices') }}</h4>
                    <form action="{{ route('man_assign')}}">
                        <input type="hidden" id="id" name="id" value="{{$client->ID}}">
                        <button type="submit" class="btn btn-primary "><i class="fas fa-link"></i></button>
                    </form>             
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="table-responsive">
                    <table id="imei-table" class="table hover mb">
                        <thead class="thead-i   nverse">
                            <tr>
                                <th>{{ __('strings.imei') }}</th>
                                <th>{{ __('strings.date') }}</th>
                                <th></th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">

let table;
$(document).ready(function() {
    moment.locale('es');
        
    table = $('#imei-table').DataTable({
            responsive: true,  
            paging:false, 
            ajax:{
                url:'{!! route('data_table_imei') !!}',
                type: "GET",
                data: {
                    'id': '{{$client->ID}}'
                },
            },
            columns: [
            { data: 'IMEI',defaultContent: " "},
            { data: 'CREATED_AT',defaultContent: " ", render: function(data, type, row, meta)
                {
                        return moment.utc(data).local().format('YYYY-MM-DD');
                }
            },
            {
                data: 'IMEI',
                render: function(data, type, row, meta)
                {
                    var url = "{{route('edit_link', ':imei')}}";
                    url = url.replace(':imei', data);
                    return '<a class="btn btn-danger" onclick="deleteImei(\''+data+'\')" ><i class="fas fa-times"></i></a>   <a class="btn btn-primary" href="'+url+'" ><i class="fas fa-edit"></i></a>';
                },
                defaultContent: " ",
                targets: -1
            }
            ],
            dom: 'Bfrtip',
            buttons: [
                'pageLength','copy', 'excel', 'pdf'
            ],
            "lengthMenu": [[10, 100, 1000], [10, 100, 1000]],
            "language": {
                "url": "{!! asset('Datatables/languages/spanish.json') !!}"
            },
            "order": [[ 0, "desc" ]]
        });
});

function deleteImei(imei){
    if (confirm("Estas seguro de Eliminar")) {
        $.ajax({
        url: "{{ route('delete_link')}}",
        data : { data : imei },
        type : 'POST',
        dataType : 'json',
        success: function(respuesta) {
            table.ajax.reload();
        },
        error: function() {
            console.log("No se ha podido obtener la información");
        }
    });
    } else {
        
    }
    
}
function checkMenuHmr(checkbox) {
    checkbox.nextElementSibling.value = checkbox.checked ? checkbox.value : '';
}



</script>
@endpush