@extends('plantilla')

@section('content')


<div class="content-wrapper"> 

    <section class="content-header"> 

        <h1> Gestor de Secretarias </h1>

    </section>
    
    <section class="content"> 

            <div class="box"> 

                <div class="box-header"> 

                    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#CrearSecretaria" >
                        Crear Secretaria </button>

                </div>                


                <div class="box-body"> 

                    <table class="table table-bordered table-hover table-striped dt-responsive" > 

                        <thead> 

                            <tr> 

                                <th>ID </th>
                                <th>Nombre y Apellido </th>
                                <th>Email </th>
                                <th>Documento </th>
                                <th>Teléfono </th>

                                <th>Editar/Borrar </th>

                            </tr>

                        </thead>
                        
                        <tbody> 

                            @foreach($secretarias as $secretaria)

                                <tr> 

                                    <td>{{ $secretaria->id }}</td>
                                    <td>{{ $secretaria->name }} </td>
                                    <td>{{ $secretaria->email }} </td>
                                    <td>{{ $secretaria->documento }}</td>
                                    
                                    <td>{{ $secretaria->telefono }}</td>
                                    
                                    <td>

                                        <a href="Editar-Secretaria/{{ $secretaria->id }}" >
                                            <button class="btn btn-success"><i class="fa fa-pencil"></i></button>
                                        </a>

                                        <button class="btn btn-danger EliminarSecretaria" Sid="{{ $secretaria->id }}" 
                                            Secretaria="{{ $secretaria->name }}" ><i class="fa fa-trash"></i></button>

                                    </td>

                                </tr>
                                
                            @endforeach

                        </tbody>

                    </table>

                </div>
                
            </div>


    </section>

</div>

<!--   modal para crear a las secretarias -->
<div id="CrearSecretaria" class="modal fade"> 

    <div class="modal-dialog"> 

        <div class="modal-content"> 

            <form method="POST">  

                @csrf

                <div class="modal-body"> 

                    <div class="box-body"> 

                        <div class="form-group"> 

                            <h2> Nombre y Apellido:</h2>

                            <input type="text" class="form-control input-lg" name="name" required = "">

                        </div>
                        
                        <div class="form-group"> 

                            <h2> Email:</h2>

                            <input type="email" class="form-control input-lg" name="email" value="{{ old('email') }}" required = "">

                            @error('email')

                                <div class="alert alert-danger" >El email ya existe !!! </div>
                                
                            @enderror


                        </div>

                        <div class="form-group"> 

                            <h2> Contraseña:</h2>

                            <input type="text" class="form-control input-lg" name="password" required = "">

                        </div>                        

                    </div>

                </div>

                <div class="modal-footer"> 

                    <button type="submit" class="btn btn-primary">Crear </button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" >Cerrar </button>

                </div>

            </form>

        </div>

    </div>

</div>

<!--   modal para editar a las secretarias -->
<div id="EditarSecretaria" class="modal fade"> 

    <div class="modal-dialog"> 

        <div class="modal-content"> 

            <form method="POST" action="{{ url('actulizar-secretaria/'. $secretaria->id) }}">  

                @csrf
                @method('put')

                <div class="modal-body"> 

                    <div class="box-body"> 

                        <div class="form-group"> 

                            <h2> Nombre y Apellido:</h2>

                            <input type="text" class="form-control input-lg" name="name" value="{{ $secretaria->name }}" required = "">

                        </div>
                        
                        <div class="form-group"> 

                            <h2> Email:</h2>

                            <input type="email" class="form-control input-lg" name="email" value="{{ $secretaria->email }}" required = "">

                            @error('email')

                                <div class="alert alert-danger" >El email ya existe !!! </div>
                                
                            @enderror


                        </div>

                        <div class="form-group"> 

                            <h2>Nueva Contraseña:</h2>

                            <input type="text" class="form-control input-lg" name="passwordN">
                            <input type="hidden" name="password" value="{{ $secretaria->password }}">

                        </div>                        

                    </div>

                </div>

                <div class="modal-footer"> 

                    <button type="submit" class="btn btn-success">Guardar Cambios </button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" >Cerrar </button>

                </div>

            </form>

        </div>

    </div>

</div>
    
@endsection