@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/dataTables/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.index')
@stop

@section('content')

<h3 class="text-muted color_pag">{{'Odontologos'}}</h3>
<!--<a href="acta_entrega/create" class="btn btn-sm btn-primary">Nueva</a>-->
<input type="hidden" id="identificador" value="#odontologos" >
<div class="espacio10">
    <table id="odontologos" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="25%">{{'Nombre Completo'}}</th>
                <th scope="col" width="18%">{{'Email'}}</th>
                <th scope="col" width="7%">{{'Jornada'}}</th>
                <th scope="col" width="11%">{{'Valoracion'}}</th>
                <th scope="col" width="11%">{{'Estado'}}</th>
                <th scope="col" width="28%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($odontologos as $odontologo)
                @php($index=$loop->iteration)
                <tr>
                    <td>{{$odontologo->nombres." ".$odontologo->apellido_paterno." ".$odontologo->apellido_materno}}</td>
                    <td>{{$odontologo->email}}</td>
                    <td>{{$odontologo->jornada}}</td>
                    <td>{{$odontologo->valoracion}}</td>
                    <td>
                        @if ($odontologo->estado_odontologo == "A")
                            {{'Activo'}}
                        @else
                            {{'Inactivo'}}
                        @endif
                    </td>
                    <td>
                        <form action="{{ route ('odontologos.destroy',$odontologo->id)}}" method="POST">
                            <input type="hidden" id="{{$index}}" value="{{$odontologo->id}}" />
                            <a id="modal-contrato{{$index}}" onclick="contrato(this)" href="#contrato{{$index}}" class='btn btn-sm btn-primary' data-toggle='modal'>{{'Contratos'}}</a>
                            @if ($odontologo->estado_odontologo == "A")
                                <input type="button" value="Activar" class="btn btn-sm btn-success" disabled>
                            @else
                                <a href="/odontologos/{{$odontologo->id}}/activacion" class="btn btn-sm btn-success">{{'Activar'}}</a>
                            @endif
                            <a href="/odontologos/{{$odontologo->id}}/edit" class="btn btn-sm btn-warning">{{'Editar'}}</a>
                            <a href="/odontologos/{{$odontologo->id}}/exclusion" class="btn btn-sm btn-info">{{'Exclusiones'}}</a>
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Borrar</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<!-- Modal Contratos  -->

@if (isset($index))
    @for ($i=1; $i <= $index; $i++)
    <div class="modal fade" id="contrato{{$i}}" role="dialog" aria-labelledby="modal_contrato" aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title color_pag" id="modal_jornada_titulo{{$i}}">
                        Actualizar Jornada
                    </h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid color_pag">
                        <form action="/odontologos/cargar_jornada" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-10">
                                    <label for="label_jornada" class="col-form-label">{{'Jornada actual'}}</label>
                                    <input type="text" id="jornada_actual{{$i}}" class="form-control form-control-sm" readonly>
                                    <input type="hidden" name="user_id" id="user_id_j{{$i}}">
                                </div>
                            </div>

                            <div class="row espacio15">
                                <div class="col-md-10">
                                    <label class="form-label">{{'Nueva Jornada'}}</label>
                                    <select id="jornada_id{{$i}}" required name="jornada_id" class="form-control form-control-sm bg-fondo-ip" tabindex="2">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($jornadas as $jornada)
                                            <option value="{{$jornada->id}}">{{$jornada->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row espacio30">
                                <div class="col-md-6">
                                    <button type="submit" class="btn active btn-sm btn-primary">Asignar/Cambiar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <!--<button type="button" class="btn btn-primary">Asignar</button>-->
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
    @endfor
@endif

@stop

@section('scripts')
    <script src="{{ asset('js/dataTables/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.responsive.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/responsive.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/config-dt.js') }}" defer></script>
@stop