<div class="">

    <div class="page-title">

        <div class="title_left">

            <h3>NOTICIAS CARRUSEL</h3>

        </div>

    </div>


    <div class="clearfix"></div>



    <div class="row">

        <div class="col-md-12 col-sm-12 col-xs-12">

            <div class="x_panel">

                <div class="x_title">

                    <h2>Modificar una noticia del carrusel</h2>

                    <div class="clearfix"></div>

                </div>

                <div class="x_content">

                    <form id="form-nueva" data-parsley-validate enctype="multipart/form-data"
                        class="form-horizontal form-label-left">

                        @csrf



                        <div class="form-group ceroM">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="imagenT">Imagen </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <label for="imagen" class="input-group-addon subir" id="basic-addon1">
                                        <i class="fa fa-cloud-upload"></i> Subir archivo
                                    </label>
                                    <input id="imagen" name="imagen" onchange="sacardocumentos('imagen','imagenT');"
                                        type="file" accept="image/jpeg,image/png,image/webp"
                                        style='display: none;' />
                                    <input id="imagenT" name="imagenT" type="text" class="form-control"
                                        placeholder="No eligio archivo" aria-describedby="basic-addon1" readonly />
                                </div>
                            </div>
                        </div>
                        <div class="text-center">
                            <div class="col-sm-6 col-md-4 col-xs-12 col-sm-offset-3" style="float: none;">
                                <div class="thumbnail">
                                    <img class="card-img" src="img/slider/{{ $carrusel->imagen }}"
                                        alt="Imagen principal">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="texto_alter">Texto Alternativo
                                <span class="required">*</span></label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="text" id="texto_alter" name="texto_alter"
                                    placeholder="Aparecerá cuando la imagen no cargue "
                                    value="{{ $carrusel->texto_alternativo }}" required
                                    class="form-control col-md-7 col-xs-12">

                            </div>

                        </div>
                        <?php
                        $labDocu = 'active';
                        $labURL = '';
                        $ocultarD = 'block';
                        $ocultarU = 'none';
                        if ($carrusel->documento == '' && $carrusel->url != '') {
                            $labDocu = '';
                            $labURL = 'active';
                            $ocultarD = 'none';
                            $ocultarU = 'block';
                        }
                        
                        ?>


                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Opciones para Subir</label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div id="ops" class="btn-group" data-toggle="buttons">

                                    <label class="btn btn-default {{ $labDocu }} ceroM"
                                        data-toggle-class="btn-primary" onclick="entrada(1);"
                                        data-toggle-passive-class="btn-default">

                                        <input type="radio" name="docu" value="docu" class="btn-sm"> &nbsp;
                                        Documento &nbsp;

                                    </label>

                                    <label class="btn btn-default {{ $labURL }} ceroM"
                                        data-toggle-class="btn-primary" onclick="entrada(2);"
                                        data-toggle-passive-class="btn-default">

                                        <input type="radio" name="urls" value="urls" class="btn-sm"> URL

                                    </label>

                                </div>

                            </div>

                        </div>





                        <div class="form-group ceroM" id="div-documento" style="display: {{ $ocultarD }};">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="documentosT">Subir Documento
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <label for="documentos" class="input-group-addon subir" id="basic-addon1">
                                        <i class="fa fa-cloud-upload"></i> Subir archivo
                                    </label>
                                    <input id="documentos" name="documentos" accept="application/pdf"
                                        onchange="sacardocumentos('documentos','documentosT');" type="file"
                                        style='display: none;' />
                                    <input id="documentosT" name="documentosT" type="text" class="form-control"
                                        placeholder="No eligio archivo" aria-describedby="basic-addon1" readonly />
                                </div>
                            </div>
                        </div>

                        <div class="form-group" id="div-url" style="display: {{ $ocultarU }};">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="url"> URL</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="text" class="form-control col-md-7 col-xs-12" id="url"
                                    name="url" value="{{ $carrusel->url }}"
                                    placeholder="Ejemplo: https://example.com/users/" aria-describedby="basic-addon3">
                            </div>

                        </div>

                        @if ($carrusel->documento != '')
                            <div class="row">
                                <div class="col-sm-6 col-md-4 col-sm-offset-3" id="{{ $carrusel->documento }}">
                                    <div class="thumbnail text-center">
                                        <iframe src="pdf/slider/{{ $carrusel->documento }}"
                                            style="max-height: 150px;padding: 0;" frameborder="0"></iframe>
                                        <div class="caption text-center" style="padding: 0">
                                            <button type="button" class="btn btn-outline-danger btn-xs"
                                                title="Eliminar imagen"
                                                onclick="eliminar_img('{{ $carrusel->documento }}','h','h2');"
                                                style="margin: 0"><span class="fa fa-trash-o"></span></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <input type="hidden" name="h" id="h" value="{{ $carrusel->documento }}">
                        <input type="hidden" name="h2" id="h2">


                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fecha_inicioaviso">Fecha

                                inicio de Aviso<span class="required">*</span>

                            </label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="date" class="form-control col-md-7 col-xs-12" id="fecha_inicioaviso"
                                    value="{{ $carrusel->fecha_inicioaviso }}" required name="fecha_inicioaviso">

                            </div>

                        </div>



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fecha_finaviso">Fecha fin de

                                Aviso<span class="required">*</span>

                            </label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="date" class="form-control col-md-7 col-xs-12" id="fecha_finaviso"
                                    required name="fecha_finaviso" value="{{ $carrusel->fecha_finaviso }}">

                            </div>

                        </div>

                        <div class="ln_solid"></div>

                        <div class="row">
                            <div class="col-md-3 col-sm-12"></div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 col-xs-6"><button type="button"
                                            onclick="update_carrusel(this.form,{{ $carrusel->id }});"
                                            class="btn btn-success btn-block"><i class="fa fa-pencil"></i>
                                            Guardar</button></div>
                                    <div class="col-md-6 col-sm-6 col-xs-6"><button type="button"
                                            class="btn btn-dark btn-block" onclick="listar_carrusel();"><i
                                                class="fa fa-times"></i> Cancelar</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12"></div>
                        </div>
                    </form>

                </div>

            </div>

        </div>

    </div>

</div>
