@extends('layouts.app')

@section('content')

<!-- Horizontal Layout -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Administrar Sesiones</strong>
                </h2>
                <ul class="header-dropdown m-r--5">
                    <li class="dropdown">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="material-icons">more_vert</i>
                        </a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="{{ url('/') }}/sesion/exportar" target="_blank">Exportar</a></li>
                            <li><a href="{{ url('/') }}/sesion">Refrescar</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="body">
                <div class="row clearfix">
                    <form class="form-horizontal" id="form-buscar-usuario" method="post" action="{{ url('/') }}/sesion">
                        <div class="col-md-2" style="margin-bottom: 0px;"></div>
                        <div class="col-md-3">
                            <div class="form-line">
                                <select class="form-control show-tick" name="opcion" required>
                                    <option value="">-----</option>
@foreach ($opciones as $key => $value)
                                    <option value="{{ $key }}"
@if (isset($buscar))
    @if ($buscar['opcion'] == $key)
                                     selected="selected"
    @endif
@endif
                                    >{{ $value }}</option>
@endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-line">
                                <input type="text" name="busqueda" class="form-control" placeholder="Buscar" autocomplete="off" 
@if (isset($buscar))
                                value="{{ $buscar['busqueda'] }}" 
@endif
                                required>
                            </div>
                            {{ csrf_field() }}
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-block bg-blue waves-effect"> <i class="material-icons">search</i> <strong>Buscar</strong> </button>
                        </div>
                        <div class="col-md-2" style="margin-bottom: 0px;"></div>
                    </form>
                </div>
                <!-- data-toggle="modal" data-target="#modal-crear-sesion" -->
                <a class="btn bg-fia btn-circle-lg waves-effect waves-circle waves-float btn-float editar-sesion" data-accion="N">
                    <i class="material-icons">add</i>
                </a>
                <div class="row clearfix">
                    <div class="col-md-12 table-responsive" style="margin-bottom: 0px;">
                        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0px;">
                            <thead class="bg-blue-grey">
                                <tr>
                                    <th class="align-center">Tipo Sesi&oacute;n</th>
                                    <th class="align-center">Número</th>
                                    <th class="align-center">Estado</th>
                                    <th class="align-center">Fecha Citaci&oacute;n</th>
                                    <th class="align-center">Hora Citaci&oacute;n</th>                                    
                                    <th class="align-center">Nro. Avance</th>
                                    <th class="align-center">Env. Citaci&oacute;n</th>
                                    <th class="align-center">&Uacute;ltima Modificaci&oacute;n</th>
                                    <th class="align-center">Opc.</th>
                                </tr>
                            </thead>
                            <tbody>
@foreach($sesiones as $sesion)
@if ($sesion->estadosesionId == '6')
                                <tr style="color: red;">
@else
                                <tr>
@endif
                                    <td class="align-center" style="vertical-align: middle;">{{ $sesion->nombreSesion }}</td>
                                    <td class="align-center" style="vertical-align: middle;">{{ $sesion->correlativo }}</td>
                                    <td class="align-center" style="vertical-align: middle;">
                                        <span class="{{ $sesion->color }}">{{ $sesion->nombreEstado }}</span>
                                    </td>
                                    <td class="align-center" style="vertical-align: middle;">{{ date('d/m/Y', strtotime($sesion->fechaCitacion)) }}</td>
                                    <td class="align-center" style="vertical-align: middle;">{{ $sesion->horaCitacion }}</td>
                                    <td class="align-center" style="vertical-align: middle;">{{ $sesion->preEnvio }}</td>
                                    <td class="align-center" style="vertical-align: middle;">
@if (!empty($sesion->fechaEnvio))
                                    {{ date('d/m/Y', strtotime($sesion->fechaEnvio)) }}
@endif
                                    </td>
                                    <td class="align-center" style="vertical-align: middle;">
@if (!empty($sesion->fechamod))
                                    {{ $sesion->usuario }} {{ date('d/m/Y', strtotime($sesion->fechamod)) }}
@endif
                                    </td>
                                    <td class="align-center" style="vertical-align: middle;">
                                        <ul class="body-dropdown">
                                            <li class="dropdown">
                                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                                    <i class="material-icons">more_vert</i>
                                                </a>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="{{ url('/') }}/agenda/listar/{{ $sesion->sesioncabId }}">Ingresar</a></li>
                                                    <li><a href="{{ url('/') }}/agenda/vistaprevia/{{ $sesion->sesioncabId }}">Vista Previa</a></li>
@if ($sesion->estadosesionId == '1')
                                                    <li><a href="javascript:void(0);" class="editar-sesion" data-accion="F" data-id-sesion="{{ $sesion->sesioncabId }}" data-tipo-sesion="{{ $sesion->tiposesionId }}" data-fecha-citacion="{{ date('d/m/Y', strtotime($sesion->fechaCitacion)) }}" data-hora-citacion="{{ $sesion->horaCitacion }}">Editar Fecha / Hora</a></li>
                                                    
                                                    @foreach($permisoEnvio as $envio)
                                                        @if ($envio->accionId == 3)
                                                    <li><a href="javascript:void(0);" class="enviar-aviso" data-tipo-citacion="1" style="color:red" data-id-sesion="{{ $sesion->sesioncabId }}">Enviar AVANCE</a></li>
                                                        @endif
                                                        @if ($envio->accionId == 4)
                                                    <li><a href="javascript:void(0);" class="enviar-aviso" data-tipo-citacion="2" style="color:red" data-id-sesion="{{ $sesion->sesioncabId }}">Enviar CITACI&Oacute;N</a></li>
                                                        @endif
                                                    @endforeach
                                                    <li><a href="javascript:void(0);" class="editar-sesion" data-accion="B" data-id-sesion="{{ $sesion->sesioncabId }}">Dar de Baja</a></li>
@endif
@if ($sesion->estadosesionId == '2')
    <li><a href="javascript:void(0);" class="revertir-citacion" style="color:red" data-id-sesion="{{ $sesion->sesioncabId }}">Revertir CITACI&Oacute;N</a></li>
@endif

                                                </ul>
                                            </li>
                                        </ul>                                        
                                    </td>
                                </tr>
@endforeach
<!-- @for ($nr = 0; $nr < $filaVacia; $nr++)
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                </tr>
@endfor -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
@if (count($sesiones) > 0)
            <div class="footer">
                <div class="row clearfix">
                    <div class="col-md-6 align-left">
                        <p class="font-bold" style="margin-top: 9px;">Mostrando {{ $sesiones->firstItem() }} a {{ $sesiones->lastItem() }} de {{ $sesiones->total() }} registros</p>
                    </div>
                    <div class="col-md-6 align-right">
                        {{ $sesiones->links() }}
                    </div>
                </div>
            </div>
@endif
        </div>
    </div>
</div>
<!-- #END# Horizontal Layout -->
<!-- Iniciar crear sesion -->
<div id="modal-crear-sesion" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="titulo-crear-sesion" aria-hidden="true" data-backdrop="static" data-keyboard="false" data-show="true">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <form class="form-horizontal" id="form-crear-sesion" method="post" action="{{ url('/') }}/sesion/crear">
                <div class="modal-header align-center">
                    <h4 class="modal-title" id="titulo-crear-sesion">Crear Sesi&oacute;n</h4>
                </div>
                <div class="modal-body">
                    {{ csrf_field() }}
                    <input type="hidden" name="accion" id="accion">
                    <input type="hidden" name="sesion" id="sesion">
                    <div class="row clearfix">
                        <div class="col-md-4" style="margin-bottom: 20px;">
                            <label for="tipo"><span class="font-bold col-red">*</span> Tipo de Sesi&oacute;n</label>
                        </div>
                        <div class="col-md-8" style="margin-bottom: 20px;">
                            <div class="form-line">
                                <select class="form-control show-tick" name="tipo" id="tipo" required>
                                    <option value="">-----</option>
@foreach ($tipoSesiones as $tipoSesion)
                                    <option value="{{ $tipoSesion->tiposesionId }}">{{ $tipoSesion->nombreSesion }}</option>
@endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-4" style="margin-bottom: 20px;">
                            <label for="fecha"><span class="font-bold col-red">*</span> Fecha de Sesi&oacute;n</label>
                        </div>
                        <div class="col-md-8" style="margin-bottom: 20px;">
                            <div class="form-line">
                                <input type="text" class="datepicker form-control" name="fecha" id="fecha" placeholder="Fecha de Sesión" maxlength="10" autocomplete="off" required>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-4" style="margin-bottom: 20px;">
                            <label for="hora"><span class="font-bold col-red">*</span> Hora de Sesi&oacute;n</label>
                        </div>
                        <div class="col-md-8" style="margin-bottom: 20px;">
                            <div class="form-line">
                                <select class="form-control show-tick" name="hora" id="hora">
                                    <option value="">[Seleccionar]</option>
                                    <option value="08:00">08:00</option>
                                    <option value="09:00">09:00</option>
                                    <option value="09:30">09:30</option>
                                    <option value="10:00">10:00</option>
                                    <option value="10:30">10:30</option>
                                    <option value="11:00">11:00</option>
                                    <option value="11:30">11:30</option>
                                    <option value="12:00">12:00</option>
                                    <option value="12:30">12:30</option>
                                    <option value="13:00">13:00</option>
                                    <option value="14:00">14:00</option>
                                    <option value="15:00">15:00</option>
                                    <option value="16:00">16:00</option>
                                    <option value="17:00">17:00</option>
                                    <option value="18:00">18:00</option>
                                    <option value="19:00">19:00</option>
                                    <option value="20:00">20:00</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-6" style="margin-bottom: 20px;">
                            <button class="btn btn-block btn-lg bg-blue waves-effect" type="submit" id="btn-crear-sesion"> <b>Crear</b> </button>
                        </div>
                        <div class="col-md-6" style="margin-bottom: 20px;">
                            <button class="btn btn-block btn-lg bg-fia waves-effect" data-dismiss="modal"> <b>Cancelar</b> </button>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-12">
                            <p class="font-bold col-red">(*) Campos obligatorios.</p>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Fin crear sesion -->
@endsection