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

<h5 class="card-title">NOTARIOS</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 ================================================================== -->

@can('SuperAdmin')
{{-- <div class="mb-1">
    <a href="{{ route('notario.create') }}" class="btn btn-az-primary col-12 col-lg-auto mb-2">Crear notario Suplente o Interino &nbsp
        <ion-icon name="person-add-outline" size="small" style="vertical-align: middle"></ion-icon></a>
    <a href="{{ route('notaria.create') }}" class="btn btn-az-secondary col-12 col-lg-auto mb-2">Crear notario Titular (Notaría) &nbsp<ion-icon
            name="business-outline" size="small" style="vertical-align: middle"></ion-icon></a>
</div> --}}
<div class="mb-1">
    <a href="{{ route('notario.create') }}" class="btn btn-az-primary col-12 col-lg-auto mb-2">
        <ion-icon name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear notario Suplente o
        Interino
    </a>
    <a href="{{ route('notaria.create') }}" class="btn btn-az-secondary col-12 col-lg-auto mb-2">
        <ion-icon name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear notario Titular (Notaría)
    </a>
</div>
@endcan

<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</th>
                <th>Nombre</th>
                <th>Rut</th>
                <th>Tipo de Notario</th>
                <th>Profesión</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($notarios as $notario)
            <tr>
                <td style="width: 1%" class="">
                    <div class="text-center">
                        <div class="btn-group">
                            {{-- <a href="{{ route('notario.show', $notario->id_notario) }}"
                                class="btn-secondary btn-sm mr-1">Detalles</a> --}}
                            @can('SuperAdmin')
                            <a href="{{ route('notario.edit', $notario->id_notario) }}"
                                class="btn-panal-warning btn-sm mr-1" title="Editar">Editar</a>
                            @endcan
                            {{-- <form action="{{ route('notario.destroy', $notario->id_notario) }}" method="post"
                                onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                                @csrf
                                @method('DELETE')
                                @can('SuperAdmin')
                                <!-- restricción: quien puede ver este código -->
                                <button type="submit" class="btn-danger btn-sm mr-1">Eliminar</button>
                                @endcan
                                <!-- fin restricción -->
                            </form> --}}
                        </div>
                    </div>
                </td>
                <td>{{ $notario->id_notario }}</td>
                <td>{{ $notario->nombre_notario }}</td>
                <td>{{ $notario->rut_notario }}</td>
                <td>
                    @if ($notario->tipo_notario == 'Titular')
                    <span style="background-color: #D8EFCC">{{ $notario->tipo_notario }}</span>
                    @else
                    {{ $notario->tipo_notario }}
                    @endif
                <td>{{ $notario->profesion_notario }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $personerias->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->

@endsection