@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<h5 class="card-title">EMPLEADOS PRENDA CHILE</h5>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->
<div>
    @can('SuperAdmin')
    <a href="{{ route('empleado.create') }}" class="btn btn-az-primary mr-1">
        <ion-icon  name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear Empleado</a>
    @endcan
</div>
<br>
<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                <th>Acciones</th>
                <th>Nombre</th>
                <th>RUT</th>
                <th>Nacionalidad (gentilicio)</th>
                <th>Estado Civil</th>
                <th>Email</th>
                <th>Dirección Laboral</th>
                <th>Tipo Dirección</th>
                <th>Es Usuario Sistema</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($empleados as $empleado)
            <tr>
                <td style="width: 1%" class="">
                    @can('SuperAdmin')
                    <div class="text-center">
                        <div class="btn-group">
                            {{-- <form action="{{ route('empleado.destroy', $empleado->id_empleado) }}" method="post"
                                onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn-panal-danger btn-sm mr-1" title="Eliminar"><ion-icon  name="trash-outline" size="small" style="vertical-align: middle"></ion-icon></button>
                            </form> --}}
                            {{-- <a href="{{ route('empleado.show', $empleado->id_empleado) }}"
                                class="btn-secondary btn-sm mr-1">Detalles</a> --}}
                            <a href="{{ '#' }}"
                                class="btn-panal-warning btn-sm mr-1" title="Editar">Editar</a>
                            
                        </div>
                    </div>
                    @endcan
                </td>
                <td>{{ $empleado->nombre }}</td>
                <td>{{ Helpers::agregarPuntosRut($empleado->rut) }}</td>
                <td>{{ $empleado->gentilicio }}</td>
                <td>{{ $empleado->estado_civil }}</td>
                <td>{{ $empleado->email }}</td>
                <td>{{ $empleado->direccion_laboral }}</td>
                <td>{{ $empleado->direccion_tipo }}</td>
                <td style="text-align: center;">
                    @if ($empleado->id_usuario != null)
                    <ion-icon name="checkmark-done-outline" size="small" style="vertical-align: middle; text-align:center"></ion-icon>
                    @else
                    <ion-icon name="close-outline" size="small" style="vertical-align: middle"></ion-icon>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $personerias->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->

<!-- ----------------  prueba MODAL mostrar detalles -----------------------------  -->
<div class="modal fade" id="personeria_detalle_modal" tabindex="-1" aria-labelledby="personeria_detalle_modal"
    aria-hidden="true">
    <div class="modal-dialog modal-lg ">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="personeriaModalLabel">Personería Detalle</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-1 row">

                    <div class="form-group col-12">
                        <label for="multiple_representante">Representantes Legales</label>
                        {{-- <textarea name="txtarea" id="txtarea" cols="50" rows="12" style="resize:none" disabled
                            value=""></textarea>
                        --}}
                        <div class="form-group">
                            {{-- <label for="multiple_representante">Example multiple select</label> --}}
                            <select multiple class="form-control" id="multiple_representante" size="10">
                                <option></option>
                                <option></option>
                                <option></option>
                                <option></option>
                                <option></option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary mr-5" data-bs-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-az-primary mr-1">Seleccionar</button>
            </div>
        </div>
    </div>
</div>

{{-- <script>
    $(document).ready(function(){
    $("#personeria_detalle_modal").modal('show');
});
</script> --}}

@endsection