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

<h5 class="card-title">PERSONERÍAS DE REPRESENTANTES LEGALES</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('personeria.create') }}" class="btn btn-az-primary mr-1">
        <ion-icon  name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear Personería</a>
    @endcan
</div>
<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>ID Personería</th>
                <th>Mandante</th>
                <th>Notaría</th>
                <th>Repertorio</th>
                <th>Fecha Escritura</th>
                <th>Representantes</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($personerias as $personeria)
            <tr>
                <td style="width: 1%" class="">
                    @can('SuperAdmin')
                    <div class="text-center">
                        <div class="btn-group">
                            <form action="{{ route('personeria.destroy', $personeria->id_personeria) }}" method="post"
                                onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                                @csrf
                                @method('DELETE')
                                {{-- @can('SuperAdmin') --}}
                                <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>
                                {{-- @endcan --}}
                            </form>
                            {{-- <a href="{{ route('personeria.show', $personeria->id_personeria) }}"
                                class="btn-secondary btn-sm mr-1">Detalles</a> --}}
                            <a href="{{ route('personeria.edit', $personeria->id_personeria) }}"
                                class="btn-panal-warning btn-sm mr-1" title="Editar">Editar</a>
                            
                        </div>
                    </div>
                    @endcan
                </td>
                <td>{{ $personeria->id_personeria }}</td>
                <td>{{ $personeria->mandante }}</td>
                <td>{{ $personeria->palabra }} notaría de {{ $personeria->comuna }} {{ $personeria->nombre_notario
                    }}</td>
                <td>{{ $personeria->repertorio }}</td>
                <td>{{ $personeria->fecha_escritura }}</td>
                <td>{{-- <button type="button" id="mostrar" class="btn-secondary btn-sm mr-1" name="mostrar"
                        data-bs-toggle="modal" data-bs-target="#personeria_detalle_modal">
                        Ver Representantes </button> --}}
                </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-5">
                        ID<input type="text" name="" id="" class="form-control" disabled value="">
                        Mandante<input type="text" name="" id="" class="form-control" disabled value="">
                        Notario<input type="text" name="" id="" class="form-control" disabled value="">
                        Notaría Número<input type="text" name="" id="" class="form-control" disabled value="">
                        Comuna<input type="text" name="" id="" class="form-control" disabled value="">
                        Fecha Escritura<input type="text" name="" id="" class="form-control" disabled value="">
                        Repertorio<input type="text" name="" id="" class="form-control" disabled value="">
                    </div> --}}
                    <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