@extends('plantilla.header')

@section('titulo')
  Reporte de Participantes
@stop

@section('js')
<script>
    const elem = document.getElementById('date');
    const dateRangePicker = new DateRangePicker(elem, {
        days: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
        daysShort: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
        daysMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
        months: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        monthsShort: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
        today: "Hoy",
        monthsTitle: "Meses",
        clear: "Borrar",
        weekStart: 1,
        format: "dd/mm/yyyy"
    });

    $("#tipo").change(function(event){
        var p = event.target.value;

        if (p == "LE") {
            $("#trimestres").removeAttr('disabled');
        } else if (p == "LEN") {
            $("#trimestres").removeAttr('disabled');
        } else if(p == "LET"){
            $("#trimestres").removeAttr('disabled');
        } else if(p == "MC"){
            $("#trimestres").attr('disabled', 'disabled');
        }  
    });
</script>

@stop

@section('contenido')
{!!Form::open(['url' => route('participantes1'), 'method' => 'POST', 'class' => 'login-form', 'target' => '_back'])!!}
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">
        <h3 class="h5 mb-4">Reporte | Participantes</h3>
        <div class="row">
            <div class="col-md-3 mb-3">
                <div class="form-group">
                    <label for="city">Zona</label>
                    <select class="form-select" name="szona" id="szona" required>
                        <option value="" selected>SELECCIONE</option>
                        <option value="A">ZONA A</option>
                        <option value="B">ZONA B</option>
                        <option value="C">ZONA C</option>
                        <option value="T">TODOS</option>
                    </select>
                </div>
            </div>
            <div class="col-md-3 mb-3">
                <div class="form-group">
                    <label for="city">Tipo</label>
                    <select class="form-select" name="tipo" id="tipo" required>
                        <option value="" selected>SELECCIONE</option>
                        <option value="LE">LISTA EXCEL PARTICIPANTES</option>
                        <option value="LEN">LISTA EXCEL NO PARTICIPANTES</option>
                        <option value="LET">LISTA EXCEL TODOS</option>
                        <option value="MC">MINI COMPROBANTES</option>
                    </select>
                </div>
            </div>
            <div class="col-md-2 mb-3">
                <div class="form-group">
                    <label for="city">Trimestres</label>
                    <select class="form-select" name="trimestres" id="trimestres" required disabled>
                        <option value="" selected>SELECCIONE</option>
                        <option value="1">TRIMESTRE 1</option>
                        <option value="2">TRIMESTRE 2</option>
                        <option value="3">TRIMESTRE 3</option>
                        <option value="4">TRIMESTRE 4</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <label for="city">Fechas</label>
                <div id="date" class="input-group mb-3 input-daterange">
                    <input type="text" name="desde" placeholder="Desde" class="form-control" required>
                    <span class="input-group-text">to</span>
                    <input type="text" name="hasta" placeholder="Hasta" class="form-control" required>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="col-sm-6 mb-3">
                <div class="form-group">
                    
                </div>
            </div>
            <div class="col-sm-6" style="text-align: right;">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> Seleccionar</button>
                </div>
            </div>
        </div>

    </div>
</div>
{!! Form::close() !!}

{!!Form::open(['url' => route('update'), 'method' => 'POST', 'files' => 'true', 'enctype' => 'multipart/form-data', 'class' => 'login-form'])!!}

{{ csrf_field() }}

<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">
        <h3 class="h5 mb-4">Upload | Participantes</h3>
        <div class="row">
            <div class="col-md-12 mb-3">
                <div class="form-group">
                    <label for="city">Archivo</label>
                    <input class="form-control" type="file" name="archivo" accept=".pdf" required>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6 mb-3">
                <div class="form-group">
                    
                </div>
            </div>
            <div class="col-sm-6" style="text-align: right;">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> Subir Archivo</button>
                </div>
            </div>
        </div>

    </div>
</div>
{!! Form::close() !!}
@stop