@section('vendor-style')
    <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
{!! Form::text('iniciativa[categoria]', isset($iniciativa) ? $iniciativa->categoria : $tipo, ['class' => 'form-control datepicker', 'placeholder' => 'dd/mm/aaaa', 'id' => 'presentada',  'hidden' => true]) !!}

<div class="section">
    <div class="card">
        <div class="card-content">
            <h5>{{$tipo}}</h5>
            <div class="row">
                <div class="input-field col s3">
                    <p>
                        <label class="control-label" style=" color:  #960948;"><strong>: </strong></label>
                    </p>
                    <p>
                        <label style=" color:  #960948;">
                            {{ Form::radio('iniciativa[tipo_iniciativa]', '0', ['class'=>'with-gap']) }} <span>Sesión ordinaria</span>
                        </label>
                    </p>
                    <p>
                        <label style=" color:  #960948;">
                            {{ Form::radio('iniciativa[tipo_iniciativa]', '1') }} <span>Sesión permanente</span>
                        </label>
                    </p>
                </div>
                <div class="input-field col s4">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Consecutivo: </strong></label>
                        {!! Form::text('iniciativa[folio]', isset($iniciativa) ? $iniciativa->folio : $consecutivo, ['class' => 'form-control text-uppercase', 'placeholder' => 'P. Ej. Orozco', 'id' => 'folio', 'required' => true]) !!}
                    </div>
                </div>
                <div class="input-field col s4">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Autor:
                            </strong></label>
                        {!! Form::text('iniciativa[autor]', isset($iniciativa) ? $iniciativa->autor : null, ['class' => 'form-control text-uppercase', 'placeholder' => 'P. Ej. Dominguez', 'id' => 'autor', 'required' => true]) !!}
                    </div>
                </div>
                <div class="input-field col s4">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Fecha de presentación:
                            </strong></label>
                        {!! Form::text('iniciativa[presentada]', isset($iniciativa) ? \Carbon\Carbon::createFromDate($iniciativa->presentada)->format("d/m/Y") : null, ['class' => 'form-control datepicker', 'placeholder' => 'dd/mm/aaaa', 'id' => 'presentada',  'required' => true]) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;">
                            <strong>Nombre del @if($tipo == "Punto de Acuerdo")
                                    {{$tipo}}
                                @else
                                    proyecto
                                @endif:</strong></label>
                        {!! Form::textarea('iniciativa[iniciativa]', isset($iniciativa) ? $iniciativa->iniciativa : null, ['class' => 'validate  text-uppercase materialize-textarea', 'id' => 'iniciativa',  'required' => true]) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s6">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Turnado a las
                                comisiones:</strong></label>
                        {!! Form::textarea('iniciativa[comisiones]', isset($iniciativa) ? $iniciativa->comisiones : null, ['class' => 'validate  text-uppercase materialize-textarea', 'id' => 'comisiones']) !!}
                    </div>
                </div>
                <div class="input-field col s5">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong></strong></label><br>
                        {!! Form::select('comision[id_comision]', $comisiones, null,['class' => 'select2 browser-default form-control text-uppercase', 'id' => 'id_comisionS', 'name' => 'iniciativas[]', 'placeholder' => 'SELECCIONA UNA COMISION ', 'required' => true]) !!}
                        <div id="selecTexto"
                             style="display: none;">{!! Form::text('tema[tema]', isset($comision) ? $comision->tema : null, ['class' => 'form-control text-uppercase', 'placeholder' => 'E.j. tema comision', 'id' => 'temaTXTCom']) !!}</div>
                    </div>
                </div>
                <div class="input-field col s1">
                    <div class="form-group">
                        <i class="material-icons prefix" id="AddtemaComision">add</i>
                    </div>
                </div>


            </div>
            <div class="row">
                <label class="control-label" style=" color:  #960948;"><strong>Temas:</strong></label>
                <!--<ul class="collapsible" data-collapsible="accordion" id="AccoTema"></ul>-->
                <div class="responsive-table">
                    <table class="table invoice-data-table white border-radius-4 pt-1" id="tableservicios">
                        <thead>
                        <tr>
                            <th>
                                No.
                            </th>
                            <th>Tema</th>

                        </tr>
                        </thead>

                        <tbody id="ComisionesTables">
                        @if(isset($iniciativa) && json_decode($iniciativa->comisiones) != null)
                            @php $i=1; @endphp
                            @foreach(json_decode($iniciativa->comisiones) as $value)
                                <tr data-control="{{$i}}" id="{{$i}}">
                                    <td>{{$i}}</td>
                                    <td>@inject('data', '\App\Http\Controllers\MCG\ComisionesController'){{ $data->ComisionNombre($value) }}</td>
                                    <td>
                                        <div class="invoice-action"><a onClick="eliminarCollapsible({{$i}})"><i
                                                    class="material-icons">delete</i></a></div>
                                    </td>
                                </tr>
                                @php $i++ @endphp

                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
                <input type="text" value="Hello" name="comisionesTema[]" id="ComisionesInput" style="display: none;">
            </div>
            <div class="row">
                <div class="row section">
                    <div class="col s12 m4 l3">
                        <label class="control-label" style=" color:  #960948;">
                            <strong>
                                @if(isset($iniciativa) && $iniciativa->documento != "")
                                    Para sustituir el documento, capture uno nuevo. De lo contrario, deje el siguiente
                                    campo en blanco
                                    <a href="{{asset("storage/documentos/asuntos/iniciativas/".$iniciativa->documento)}}"
                                       target="_blank"
                                       class="link">
                                        Ver documento
                                    </a>
                                @else
                                    Cargar @if($tipo == "Punto de Acuerdo")
                                        {{$tipo}}
                                    @else
                                        archivo
                                    @endif
                                @endisset
                            </strong>
                        </label>
                    </div>
                    <div class="col s12 m8 l9">
                        {!! Form::file('documento', ['class' => 'dropify', 'id' => 'input-file-now']) !!}
                    </div>
                </div>
            </div>
            @isset($iniciativa)
                <div class="row">
                    <div class="input-field col s4">
                        <div class="form-group">
                            <label class="control-label" style=" color:  #960948;"><strong>Estatus: </strong></label>
                            {!! Form::select('iniciativa[status]', $estatus,  isset($iniciativa) ? $iniciativa->status : "Aprobada", ['class' => 'form-control text-uppercase', 'id' => 'estatus']) !!}
                        </div>
                    </div>
                </div>
                <hr>
                @if($tipo != "Punto de Acuerdo")
                    <h5>Decreto</h5>
                    <div class="row">
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label" style=" color:  #960948;">
                                    <strong>
                                        Decreto
                                        No. Decreto:
                                    </strong>
                                </label>
                                {!! Form::text('iniciativa[num_decreto]', isset($iniciativa)  ? $iniciativa->num_decreto :null, ['class' => 'form-control text-uppercase', 'placeholder' => '1', 'id' => 'num_decreto']) !!}
                            </div>
                        </div>
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label" style=" color:  #960948;"><strong>Fecha
                                        decreto:</strong></label>
                                {!! Form::text('iniciativa[fecha_decreto]', isset($iniciativa) && $iniciativa->fecha_decreto !=  "0000-00-00" ? \Carbon\Carbon::createFromFormat("m-d-Y", $iniciativa->fecha_decreto)->format("d/m/Y") : "", ['class' => 'form-control datepicker', 'placeholder' => 'dd/mm/aaaa', 'id' => 'fecha_decreto']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-field col s12">
                            <div class="form-group">
                                <label class="control-label" style=" color:  #960948;"><strong>
                                        Titulo del Decreto
                                    </strong></label>
                                {!! Form::textarea('iniciativa[nombre_decreto]', isset($iniciativa) ? $iniciativa->nombre_decreto : null, ['class' => 'validate  text-uppercase materialize-textarea', 'id' => 'nombre_decreto']) !!}
                            </div>
                        </div>
                    </div>
                    @if(isset($iniciativa) && $iniciativa->decreto != "")
                        <div class="row">
                            <div class="input-field col s12">
                                <p>
                                    <label>
                                        <input type="checkbox" name="iniciativa[eliminar]"/>
                                        <span style=" color:  #960948;">Eliminar documento</span>
                                    </label>
                                </p>
                            </div>
                        </div>
                    @endif
                    <div class="row">
                        <div class="row section">
                            <div class="col s12 m4 l3">
                                <label class="control-label" style=" color:  #960948;">
                                    <strong>

                                        @if(isset($iniciativa) && $iniciativa->decreto != "")
                                            Para sustituir el documento, capture uno nuevo. De lo contrario, deje el
                                            siguiente
                                            campo en blanco
                                            <a href="{{asset("storage/documentos/asuntos/iniciativas/".$iniciativa->decreto)}}"
                                               target="_blank"
                                               class="invoice-action-edit">
                                                Ver decreto
                                            </a>
                                        @else
                                            Cargar archivo
                                        @endif
                                    </strong>
                                </label>
                            </div>
                            <div class="col s12 m8 l9">
                                {!! Form::file('decreto', ['class' => 'dropify', 'id' => 'input-file-now']) !!}
                            </div>
                        </div>
                    </div>
                @else
                    <div class="row">
                        {{--                        <div class="input-field col s4">--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label class="control-label" style=" color:  #960948;">--}}
                        {{--                                    <strong>--}}
                        {{--                                            Acuerdo No.--}}
                        {{--                                    </strong>--}}
                        {{--                                </label>--}}
                        {{--                                {!! Form::text('iniciativa[num_decreto]', isset($iniciativa)  ? $iniciativa->num_acuerdo :null, ['class' => 'form-control text-uppercase', 'placeholder' => 'P. Ej 1', 'id' => 'num_acuerdo']) !!}--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}
                        <div class="input-field col s4">
                            <div class="form-group">
                                <label class="control-label" style=" color:  #960948;"><strong>Fecha
                                        de aprobación del Acuerdo:
                                    </strong></label>
                                {!! Form::text('iniciativa[fecha_decreto]', isset($iniciativa) && $iniciativa->fecha_acuerdo !=  "0000-00-00" && $iniciativa->fecha_acuerdo !=  " " ? \Carbon\Carbon::createFromFormat("Y-m-d", $iniciativa->fecha_acuerdo)->format("d/m/Y") : "", ['class' => 'form-control datepicker', 'placeholder' => 'dd/mm/aaaa', 'id' => 'fecha_acuerdo']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-field col s12">
                            <div class="form-group">
                                <label class="control-label" style=" color:  #960948;"><strong>
                                        Titulo del acuerdo
                                    </strong></label>
                                {!! Form::textarea('iniciativa[nombre_decreto]', isset($iniciativa) ? $iniciativa->nombre_acuerdo : null, ['class' => 'validate  text-uppercase materialize-textarea', 'id' => 'nombre_acuerdo']) !!}
                            </div>
                        </div>
                    </div>
                    @if(isset($iniciativa) && $iniciativa->acuerdo != "")
                        <div class="row">
                            <div class="input-field col s12">
                                <p>
                                    <label>
                                        <input type="checkbox" name="iniciativa[eliminar]"/>
                                        <span style=" color:  #960948;">Eliminar documento</span>
                                    </label>
                                </p>
                            </div>
                        </div>
                    @endif
                    <div class="row">
                        <div class="row section">
                            <div class="col s12 m4 l3">
                                <label class="control-label" style=" color:  #960948;">
                                    <strong>
                                        @if(isset($iniciativa) && $iniciativa->acuerdo != "")
                                            Para sustituir el documento, capture uno nuevo. De lo contrario, deje el
                                            siguiente
                                            campo en blanco
                                            <a href="{{asset("storage/documentos/asuntos/iniciativas/".$iniciativa->acuerdo)}}"
                                               target="_blank"
                                               class="invoice-action-edit">
                                                Ver acuerdo
                                            </a>
                                        @else
                                            Cargar archivo
                                        @endif
                                    </strong>
                                </label>
                            </div>
                            <div class="col s12 m8 l9">
                                {!! Form::file('decreto', ['class' => 'dropify', 'id' => 'input-file-now']) !!}
                            </div>
                        </div>
                    </div>
                @endif
            @endisset
            <div class="row">
                <div class="col s12">
                    <button class="btn cyan waves-effect waves-light right" id="btnSubmit" type="submit">
                        @if(isset($iniciativa))
                            Actualizar
                        @else
                            Guardar
                        @endif
                        <i class="material-icons right">save</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@push('scripts')
    <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>
    <script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var array_comisiones = [];
        var j = 1;
        $(document).ready(function () {
            $(".select2").select2();
            $('.timepicker').datepicker();
            $("#AddtemaComision").on('click', function () {


                if ($('#id_comisionS').val() != '' && $('#id_comisionS').val() != null) {
                    texto = $('#id_comisionS option:selected').text();
                    array_comisiones.push({
                        comision: $('#id_comisionS').val(),
                        control: j
                    });
                    let index = array_comisiones.length - 1;
                    $("#ComisionesTables").append('<tr data-control="' + j + ' "id="' + j + '"><td>' + j + '</td><td>' + texto + '</td><td><div class="invoice-action"><a onClick="eliminarCollapsible(' + j + ')"><i class="material-icons">delete</i></a></div></td></tr>');
                    j++;
                    $("#id_comisionS").val(0).trigger("change");
                } else {
                    console.log('nada')
                }
                console.log(array_comisiones)


            });

            $("#btnSubmit").on('click', function (e) {
                e.preventDefault()
                $("#ComisionesInput").val(JSON.stringify(array_comisiones))

                if (array_comisiones.length == 0) {

                    Swal.fire({
                        title: "Advertencia",
                        text: "No hay comisiones turnadas para esta iniciativa",
                        icon: 'warning',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'Ok'
                    });
                } else {
                    $("#frmIniciativas").submit();
                }

            })

            @isset($iniciativa)
            const temas = @json($iniciativa->comisiones);
            $.each(JSON.parse(temas), function (index, value) {
                array_comisiones.push({
                    comision: value,
                    control: j
                });
                j++;
            });

            @endisset
        });

        function eliminarCollapsible(index) {
            var select = $("#" + index).data('control');
            var eliminado;
            array_comisiones.forEach(function (elemento, indice, array) {
                console.log(elemento.control)
                if (elemento.control == select) {
                    eliminado = indice
                }
            });
            array_comisiones.splice(eliminado, 1);
            $("#" + index).remove()
            console.log(array_comisiones)
        }
    </script>
@endpush