@extends('layouts.dashboardnew')

@section('content')


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                <form method="POST" action="{{ route('archivo.modificar', $contenido->id) }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    

                    <div class="row">
                             
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="control-label">Título</label>
                                <input class="form-control" type="text" name="titulo" required value="{{$contenido->titulo}}">
                            </div>
                        </div>
                            
                            
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="control-label">Categorías</label>
                                <select class="form-control" name="categoria" required>
                                    <option value="" selected disabled>Seleccione una Categoría</option>
                                    @foreach($categorias as $cat)
                                        <option value="{{$cat->id}}" @if($contenido->idcategoria == $cat->id) selected @endif>{{$cat->titulo}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                        

                        @livewire('editblog', ['contenido' => $contenido->contenido, 'text_corto' => $contenido->text_corto])


                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <div class="form-check">
                                   <input class="form-check-input programa" type="checkbox" name="contenido_programado" value="1" id="flexCheckDefault" @if($contenido->contenido_programado == 1) checked @endif onclick="programacion_content()">
                                   <label class="form-check-label" for="flexCheckDefault">Programación de contenido</label>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-12 mostrar_programa" style="display:none;">
                            <div class="form-group mb-3">
                                <label>Desde</label>
                                <input type="text" name="fecha1" class="form-control datepicker" value="{{ $contenido->fecha1 }}">
                            </div>
                        </div>
                        
                        <div class="col-md-12 mostrar_programa" style="display:none;">
                            <div class="form-group mb-3">
                                <label>Hasta</label>
                                <input type="text" name="fecha2" class="form-control datepicker" value="{{ $contenido->fecha2 }}">
                            </div>
                        </div>


                        <div class="col-sm-6"> 
                            <div class="form-group mb-3">
                                <div class="alert alert-info" role="alert">
                                    <h5>formato PNG,JPG,JPEG dimensiones de imagenes 300 x 300</h5>
                                </div>     
                            </div>
                                
                            <div class="form-group mb-3">
                                <label for="formFileMultiple" class="form-label">Seleccione un archivo</label>
                                <input class="form-control" type="file" name="imagen" id="formFileMultiple">
                            </div>
                        </div>
                        

                        <div class="col-12">
                            <div class="row">
                                <div class="col-md-6 col-6">
                                      <div class="form-group mb-3">
                                          <a href="{{ route('archivo.contenido') }}" class="btn btn-danger w-100">Regresar</a>
                                      </div> 
                                </div>
                           
                                <div class="col-md-6 col-6">
                                    <div class="form-group mb-3">
                                        <button class="btn btn-info w-100" type="submit">Aceptar</button>
                                    </div> 
                                </div>

                            </div>
                        </div>
                                
                           
                    </div> 
                </form>    

            </div>
        </div>
    </div>
</div>   


@endsection


@push('script')
<script type="text/javascript">

    $(document).ready(function(){
        
        if ($('.programa').prop('checked')) {
            $('.mostrar_programa').show();
        }else{
            $('.mostrar_programa').hide();
        }
        
    });
    
    function programacion_content(){
        
       
        if ($('.programa').prop('checked')) {
            $('.mostrar_programa').show();
        }else{
            $('.mostrar_programa').hide();
        }
        
    }
</script>
@endpush