{{-- layout extend --}}
@extends('../Administrador/layouts.app')

{{-- page title --}}
@section('title', 'MCG - Iniciativas')

@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/jquery.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/select.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/sweetalert/sweetalert.css')}}">
    <link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection

{{-- page styles --}}
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-invoice.css')}}">
@endsection

@section('content')
    <!-- invoice list -->
    <section class="invoice-list-wrapper section">
        <!-- create invoice button-->
        <!-- Options and filter dropdown button-->
        <div class="seaction">
            <div class="row">
                <div class="col s12 m12 l12">
                    <div id="button-trigger2" class="card card card-default scrollspy">
                        <div class="card-content">
                            <!-- create invoice button-->
                            <div class="row">
                                <div class="input-field col s8">
                                    <strong>Comisión No. {{$comision->sesion}} - Votaciones</strong>
                                </div>
                            </div>
                            <br>
                            
                            {!! Form::open(['route'=>['mcg.asistencias_comision_tema', base64_encode(base64_encode($comision->id)),base64_encode(base64_encode(1))], 'method'=>'GET', 'role' => 'form','id' => 'form-asistencia-tema']) !!}
                                <div class="row">
                                <div class="input-field col s6">
                                    <div class="form-group">
                                        <label class="control-label" style=" color:  #960948;"><strong>Temas:
                                            </strong></label>
                                            <select required="required" class="form-control validate select2 browser-default  text-uppercase" name="servicio" id="servicio">
                                                <option value="0" data-comision="{{$comision->id}}" selected="selected">SELECCIONA UNA OPCION</option>
                                                @foreach( $temas as $key => $value)
                                                    <option value={{$value->id}} data-comision="{{$comision->id}}" data-subtem="{{ count($value->subTemas) ? "1" : "2"}}" {{ $control[0] == $value->id ? "selected ":"" }} > @if($value->tipo == 1 || $value->tipo == 2){{$value->Iniciativa->iniciativa}}@else{{$value->tema}}@endif</option>
                                                @endforeach
                                            </select>
                                            <span class="helper-text" data-error="El campo es obligatorio" data-success="">Seleccione
                                                la clasifiación del servicio</span>
                                    </div>
                                </div>  
                                <div class="input-field col s6">
                                    <div class="form-group"> 
                                        <label class="control-label" style=" color:  #960948;"><strong>Subtemas:
                                        </strong></label>
                                        <select required="required" class="form-control validate select2 browser-default  text-uppercase" name="servicioT" id="servicioT">
                                            <option value="0" data-comision="{{$comision->id}}" selected="selected">SELECCIONA UNA OPCION</option>
                                            
                                            @foreach( $subtemas as $key => $item)
                                                <option value={{$item->id}}  {{ $control[1] == $item->id ? "selected ":"" }} > {{$item->subtema}}</option>
                                            @endforeach

                                        </select>
                                        <span class="helper-text" data-error="El campo es obligatorio" data-success="">Seleccione
                                            la clasifiación del servicio</span>
                                    </div>
                                </div>  
                                </div>  
                            {!! Form::close() !!}  

                            @if(count($diputados))
                                @include('Administrador.comisiones.votaciones.edit')
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('vendor-script')
    <script src="{{asset('vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('vendors/data-tables/js/dataTables.select.min.js')}}"></script>
    <script src="{{asset('vendors/sweetalert/sweetalert.min.js')}}"></script>
    <script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('js/scripts/form-select2.js') }}"></script>
    <script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
@endsection
{{-- page script --}}
@push('scripts')
    <script>
        $(document).ready(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $(".select2").select2();
            @if(session('votacion') == 'ok')
            Swal.fire({
                title: 'Operación exitosa',
                text: '¡Votación registrada correctamente!',
                icon: 'success',
            })
            @endif

            $("#temaComision").change(function () {
                console.log("holi")
            });
            @if(isset($comision))
                var comision = @json($comision);
                //console.log(comision);
            @endif
            $(document).on('change', '#servicio', function(event) {
                console.log($("#servicio option:selected").val());
                console.log($("#servicio option:selected").data("comision"));
                console.log($("#servicio option:selected").data("subtem"));
                let tema = $("#servicio option:selected").val()+'/0'
                $("#form-asistencia-tema").attr('action', '{{url('')}}/mcg/comisiones/votaciones/'+btoa(btoa($("#servicio option:selected").data("comision")))+'/'+btoa(btoa(tema))).submit();
                
               
            
            });

            $(document).on('change', '#servicioT', function(event) {
                console.log($("#servicioT option:selected").val());
                console.log(comision.id);
                let tema = $("#servicio option:selected").val()+'/'+$("#servicioT option:selected").val()
                console.log(tema)
                $("#form-asistencia-tema").attr('action', '{{url('')}}/mcg/comisiones/votaciones/'+btoa(btoa(comision.id))+'/'+btoa(btoa(tema))).submit();
            
            });
            
            $("#submit").click(function (e) {
                e.preventDefault();
                let favor = 0;
                let contra = 0;
                let abstencion = 0;
                let sinregistro = 0;
                $(".sentido").each(function (i, v) {
                    let val = parseInt(v.value);
                    if (val === 1) {
                        favor++;
                    } else if (val === 2) {
                        contra++;
                    } else if (val === 3) {
                        abstencion++;
                    } else {
                        sinregistro++;
                    }
                });
                let html = "¿Desea guardar la siguiente información?<br>";
                html += "<strong>Total de votos a favor: " + favor + "</strong><br>";
                html += "<strong>Total de votos en contra: " + contra + "</strong><br>";
                html += "<strong>Total de  votos en abstencion: " + abstencion + "</strong><br>";
                html += "<strong>Total de votos sin registro: " + sinregistro + "</strong><br>";
                Swal.fire({
                    title: "Confirmación",
                    html: html,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Aceptar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $("#form-asistencia").submit();
                    }
                })
            });

            
        });
    </script>
@endpush