@extends('layouts.panel')

@section('content')
    <div class="container mt-5">
        <h1 class="mb-4">Impresoras del Usuario</h1>

        <div class="card">
            <div class="card-body">


                <form class="formguardar" action="{{ route('usuarios-plataforma.impresoras-actualizar', $usuario) }}"
                    method="POST">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        @if($errors->any())
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    
                        <div class="col-md-6">
                            <select name="impresora_id" class="form-select" id="impresora_id" required>
                                <option value="" selected disabled>Seleccione un piso......</option>
                                @foreach ($impresoras as $impresora)
                                    <option value="{{ $impresora->id }}"
                                        {{ old('impresora_id') == $impresora->id ? 'selected' : '' }}>
                                        {{ $impresora->nombre }} {{ $impresora->ip_usuario }}

                                    </option>
                                @endforeach
                            </select>
                        </div>


                        <div class="col-md-6">
                            <button class="btn btn-success btn-lg">
                                <i data-feather='plus-square'></i>

                                AGREGAR IMPRESORA

                            </button>
                        </div>
                    </div>




                </form>


                <div class="table-responsive">
                    <table id="datatable" class="table table-striped" data-toggle="data-table">
                        <thead>
                            <tr>
                                <th>IP USUARIO</th>
                                <th>NOMBRE</th>
                                <th>Estado</th>

                                <th class="text-center">Acciones</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($usuario->impresoras as $usuario_impresora)
                                <tr>

                                    <td>{{ $usuario_impresora->impresora->ip_usuario }}</td>

                                    <td>{{ $usuario_impresora->impresora->nombre }}</td>


                                    <td>
                                        @if ($usuario_impresora->estado == 1)
                                            <p class="btn btn-success rounded-pill">HABILITADO</p>
                                        @else
                                            <p class="btn btn-danger rounded-pill">DESHABILITADO</p>
                                        @endif
                                    </td>

                                    <td class="text-center">
                                        <ul class="table-controls">
                                            <form
                                                action="{{ route('usuarios-plataforma-impresora.desactivar', $usuario_impresora) }}"
                                                method="POST" class="desactivar">
                                                @csrf



                                                @can('usuarios.destroy')
                                                    <button type="submit"
                                                        class="{{ $usuario_impresora->estado == '2' ? 'disabled' : '' }} btn btn-danger">
                                                        <i data-feather='trash-2'></i> Dar de Baja



                                                    </button>
                                                @endcan
                                            </form>



                                        </ul>
                                    </td>
                                    <td class="text-center">
                                        <ul class="table-controls">
                                            <form
                                                action="{{ route('usuarios-plataforma-impresora.activar', $usuario_impresora) }}"
                                                method="POST" class="activar">
                                                @csrf
                                                @method('POST')
                                                @can('usuarios.destroy')
                                                    <button type="submit"
                                                        class="btn btn-success {{ $usuario_impresora->estado == '1' ? 'disabled' : '' }}"
                                                        style="">Habilitar</button>
                                                @endcan

                                            </form>
                                        </ul>
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
    $('.activar').submit(function(e) {
        e.preventDefault()

        Swal.fire({
            title: 'Estas seguro de Habilitar?',
            text: "¡No podrás revertir esto!",
            icon: 'info',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, Habilitar!',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.value) {


                this.submit()

            }
        })

    })
</script>
<script>
    $('.desactivar').submit(function(e) {
        e.preventDefault()

        Swal.fire({
            title: 'Estas seguro de Deshabilitar?',
            text: "¡No podrás revertir esto!",
            icon: 'info',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, Deshabilitar!',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.value) {


                this.submit()

            }
        })

    })
</script>

<script>
    $('.formguardar').submit(function(e) {
        e.preventDefault()

        Swal.fire({
            title: 'Estas seguro de agregar impresora?',
            text: "¡No podrás revertir esto!",
            icon: 'info',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, Agregar!',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.value) {


                this.submit()

            }
        })

    })
</script>


@endsection