{{-- 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" 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')}}">
    <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/dropify/css/dropify.min.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">
                            <div class="invoice-create-btn">
                                <button class="btn btn-import-votacion">
                                    <i class="material-icons">cloud_upload</i>
                                </button>
                            </div>
                            @if(count($iniciativa->votacion))
                                <br>
                                <div class="invoice-create-btn">
                                    <button class="btn btn-delete-votacion">
                                        Eliminar votación
                                    </button>
                                </div>
                            @endif
                            <!-- create invoice button-->
                            <div class="row">
                                <div class="input-field col s8">
                                    <strong>Iniciativa No. {{$iniciativa->folio}}</strong>
                                    <h4>{{$iniciativa->iniciativa}}</h4>
                                </div>
                            </div>
                            <br>


                            <div class="row">
                                <div class="input-field col s8">
                                    <strong>Si desea agregar un diputado presione el boton. <i class="material-icons" id="addDip">add</i></strong>
                                    <div class="row">
                                        <div class="input-field col s6">
                                            <div class="form-group">
                                                <label class="control-label" style=" color:  #960948;"><strong>Diputados:</strong></label>
                                                <select class="validate select2 browser-default  text-uppercase" id="SelectDip" >
                                                    <option value="0" selected>Selecciona una opcion</option>
                                                    @foreach($dip as $item)
                                                        <option value={{$item->id}}>{{$item->apaterno}} {{$item->amaterno}} {{$item->nombres}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
{{--                            {{$decretos[0]->num_decreto}}--}}
                            {!! Form::open(['route'=>['mcg.votaciones_save', base64_encode(base64_encode($iniciativa->id))], 'method'=>'PUT', 'role' => 'form','id' => 'form-votaciones']) !!}
                            @if($decretos != '[]')
                                <div class="row">
                                    <div class="input-field col s6">
                                        <div class="form-group">
                                            <label class="control-label" style=" color:  #960948;"><strong>Decretos:</strong></label>
                                            <select class="validate select2 browser-default  text-uppercase" id="SelectDecre" name="SelectDecre" >
                                                <option value="0" data-iniciativa="{{base64_encode(base64_encode($iniciativa->id))}}"  {{ $tipo == "0" ? "selected " : "" }}>INICIATIVA</option>
                                                @foreach($decretos as $item)
                                                    <option value={{$item->id}} data-iniciativa="{{base64_encode(base64_encode($iniciativa->id))}}"  data-subtem="{{ count($item->temasv) ? "1" : "2"}}"        {{ $tipo == $item->id ? "selected ":"" }} > {{$item->num_decreto}}-{{$item->nombre_decreto}}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <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="servicioT" id="servicioT">
                                                <option value="0" data-iniciativa="{{$iniciativa->id}}" selected="selected">SELECCIONA UNA OPCION</option>

                                                @foreach($temas as $key => $item)
                                                    <option value={{$item->id}}  {{ $control[1] == $item->id ? "selected ":"" }} > {{$item->tema_votacion}}</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>
                            @endif
                            <div class="responsive-table">
                                <table class="table white border-radius-4 pt-1">
                                    <thead>
                                    <tr>
                                        <th style="width: 10%">
                                            <span>#</span>
                                        </th>
                                        <th style="width: 40%">Diputado</th>
                                        <th style="width: 10%">Partido</th>
                                        <th>Sentido</th>.
                                        <th>Acciones</th>
                                    </tr>
                                    </thead>
                                    <tbody id="TableDip">
                                    @foreach($diputados as $key => $item)
                                        <tr id="diputado{{$item->id}}">
                                            <td>{{$key+1}}</td>
                                            <td class="numero" data-dip={{$item->id}} data-codificado={{$item->name_field}} >{{$item->apaterno}} {{$item->amaterno}} {{$item->nombres}} </td>
                                            <td>
                                                <img width="50%"
                                                     src="{{asset("/storage/img/partidos/".$item->partido->emblema)}}">
                                            </td>
                                            <td>
                                                <div class="row">
                                                    <div class="input-field col s8" id="RowDip{{$item->id}}">
                                                        {!! Form::select($item->name_field, $sentidos,
                                                            $control[0] == 0 ? ($item->votacion()->whereIdIniciativa($iniciativa->id)->first() ? $item->votacion()->whereIdIniciativa($iniciativa->id)->first()->voto : 1)   :  ( $control[1] != 0 ? ($item->votacionesDecretos()->whereTemaId($control[1])->first() ? $item->votacionesDecretos()->whereTemaId($control[1])->first()->voto : 1) : ($item->votacionesDecretos()->whereIdDecretos($tipo)->first() ? $item->votacionesDecretos()->whereIdDecretos($tipo)->first()->voto : 1)),
                                                            ['class' => 'form-control text-uppercase sentido', "form" => "form-votaciones"])
                                                        !!}
                                                        <!--<div style="display: none;"> {!! Form::text($item->name_field,$tipo,['class' => 'form-control text-uppercase', 'placeholder' => 'LXI', 'id' => 'tema_iniciativa', 'readonly' => true,"form" => "form-votaciones"]) !!}</div>-->
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="boton" >
                                                <i class="material-icons">delete</i>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                                <div style="display: none;"> {!! Form::text("tipo",$tipo,['class' => 'form-control text-uppercase', 'placeholder' => 'LXI', 'id' => 'tema_iniciativa', 'readonly' => true,"form" => "form-votaciones"]) !!}</div>
                                <div class="row">
                                    <div class="col s12">
                                        <button type="button" class="btn cyan waves-effect waves-light right"
                                                id="submit">
                                            Guardar
                                            <i class="material-icons right">save</i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- modal import --}}
    <div id="modal-import" class="modal">
        {{-- <button class="btn btnLegislatura light waves-effect waves-light right modal-close cerrar">
            Cerrar <span class="right"><i class="material-icons right-align">clear</i></span>
        </button> --}}
        <div class="modal-header">
            <h5 class="ml-2">Cambiar estatus</h5>
        </div>
        <div class="modal-content">
            <form method="POST" id="form-import"
                  action="{{route('mcg.votaciones_import', base64_encode(base64_encode($iniciativa->id)))}}"
                  enctype="multipart/form-data">
                {{ method_field('PUT') }}
                {{ csrf_field() }}
                <div class="row">
                    <div class="col">
                        <div class="switch">
                            <label>
                                Iniciativa
                                <input type="checkbox" name="tipo">
                                <span class="lever"></span>
                                Punto de acuerdo
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col s12 m12 l12">
                        {!! Form::file('excel', ['class' => 'dropify', 'id' => 'input-file-now']) !!}
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button class="btn green save-import">Guardar</button>
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn cerrar">Cerrar</a>
        </div>
    </div>
@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/dropify/js/dropify.min.js')}}"></script>
    <script src="{{asset('js/scripts/form-file-uploads.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 --}}
@section('page-script')
    <script>
        var datoDip;
        var contador=0;
        $(document).ready(function () {
            $("#modal-import").modal();

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $(".select2").select2();
            $('.select3-size-sm').select2({
                dropdownAutoWidth: true,
                width: '100%',
                containerCssClass: 'select-sm'
            });

            @if(session('votacion') == 'ok')
            Swal.fire({
                title: 'Operación exitosa',
                text: '¡Votación registrada correctamente!',
                icon: 'success',
            })
            @endif

            @if(isset($iniciativa))
            var iniciativa = @json($iniciativa);
            //console.log(comision);
            @endif


            $(document).on('change', '#servicioT', function(event) {
                console.log($("#servicioT option:selected").val());
                let tema = $("#SelectDecre option:selected").val()+'/'+$("#servicioT option:selected").val()
                console.log(tema)
                //$("#form-asistencia-tema").attr('action', '{{url('')}}/mcg/iniciativas/votacion/'+btoa(btoa(iniciativa.id))+'/'+btoa(btoa(tema))).submit();
                location.href = "/mcg/iniciativas/votacion/"+$("#SelectDecre option:selected").data("iniciativa")+"/"+btoa(btoa(tema))
            });

            $(document).on('change', '#SelectDecre', function(event) {
                console.log('hi');
                console.log($("#SelectDecre option:selected").val());
                //$("#tema_iniciativa").val($("#SelectDecre option:selected").val());
                let tema = $("#SelectDecre option:selected").val()+'/0'
                if($("#SelectDecre option:selected").val() != 0){

                    location.href = "/mcg/iniciativas/votacion/"+$("#SelectDecre option:selected").data("iniciativa")+"/"+btoa(btoa(tema))
                }else{
                    location.href = "/mcg/iniciativas/votacion/"+$("#SelectDecre option:selected").data("iniciativa")+"/0"
                }



            });

            $(".btn-import-votacion").click(function () {
                $("#modal-import").modal("open");
            });
            $(".save-import").click(function () {
                $("#form-import").submit();
            })


            $(document).on("click", '#addDip', function () {
                var nombreDiputado = $('#SelectDip option:selected').text();
                var noDip = $("#SelectDip").val();
                const estatus =  @json($sentidos);
                if(contador == 0){
                    contador = @json($key) + 2;
                }else{
                    contador += 1;
                }

                $.get( "{{asset("mcg/diputado")}}/"+ noDip, function( data ) {
                    var cod = btoa(btoa(data.id));
                    var tr = $('<tr id="diputado'+data.id+'" >')
                    tr.append('<td>'+contador+'</td>')
                    tr.append('<td class="numero" data-dip='+data.id+' data-codificado='+btoa(btoa(data.id)) + '>'+nombreDiputado+'</td>')
                    tr.append('<td><img width="50%" src=" http://legislativoedomex.gob.mx/storage/img/partidos/'+data.partido.emblema+'"></td>')
                    tr.append('<td><div class="row"><div class="input-field col s8" id="RowDip'+data.id+'"><select class="select2 form-control text-uppercase sentido " id="Dinamic'+data.id+'" name="' + cod + '[]" "form"="form-asistencia"></select></div></div></td>')
                    tr.append('<td class="boton" ><i class="material-icons">delete</i></td>')
                    tr.append('</tr>')
                    $('#TableDip').append(tr)
                    $.each(estatus, function (i, item) {
                        $('#Dinamic'+data.id).append($('<option>', {
                            value: i,
                            text : item
                        }));
                    });
                    $(".select2").select2();
                });

                // $("#SelectDip").val(0).trigger("change");
                // $("#SelectComision").val(0).trigger("change");

            });
            $(document).on("click", '.boton', function () {
                console.log("hola marti");
                var valores = "";
                var codificado = null;
                var comisionDelete = null;

                $(this).parents("tr").find(".numero").each(function() {
                    valores += $(this).data('dip');
                    codificado = $(this).data('codificado');
                }); //F55B5B

                console.log(valores);
                console.log(codificado);

                var no = valores;
                $('#diputado'+valores).css('background-color', '#F19595');
                $("#RowDip"+no).append('<div style="display: none;"> <input class="form-control text-uppercase" placeholder="LXI" id="legislatura" readonly="true" form="form-votaciones" name="' + codificado + '" type="text" value="0"></div>');

            });

        });
        $("#submit").click(function () {
            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>Votos a favor: " + favor + "</strong><br>";
            html += "<strong>Votos en contra: " + contra + "</strong><br>";
            html += "<strong>Abstenciones: " + abstencion + "</strong><br>";
            html += "<strong>Sin registro: " + sinRegistro + "</strong>";
            Swal.fire({
                title: "Confirmación",
                html: html,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Aceptar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#form-votaciones").submit();
                }
            })
        });
        $(".btn-delete-votacion").click(function () {
            Swal.fire({
                title: "Confirmación",
                text: "¿Desea eliminar la votación?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Aceptar'
            }).then((result) => {
                if (result.isConfirmed) {
                    location.href = "{{route("mcg.votaciones_delete", base64_encode(base64_encode($iniciativa->id)))}}"
                }
            })
        });

        @if(session('error'))
        Swal.fire({
            icon: 'error',
            title: 'No existe registro',
            showConfirmButton: false,
            timer: 1500
        })
        @endif
        @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: 'Votación guardada exitosamente',
            showConfirmButton: false,
            timer: 1500
        })
        @endif
        @if(session('dleteVotacion'))
        Swal.fire({
            icon: 'success',
            title: "Exito",
            text: 'Votación eliminada exitosamente',
            showConfirmButton: false,
            timer: 1500
        })
        @endif

    </script>
@endsection