@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <table class="table table-striped table-bordered zero-configuration">
            		<thead>
            			<tr>
            				<th class="text-center">#</th>
            				<th class="text-center">título</th>
            				<th class="text-center">Fecha de inicio</th>
            				<th class="text-center">Fecha final</th>
            				<th class="text-center">Acciones</th>
            			</tr>
                    </thead>
                    <tbody>
                        @foreach ($anuncios as $anuncio)
                            <tr>
                                <td class="text-center">{{$anuncio->id}}</td>
                                <td class="text-center">{{$anuncio->titulo}}</td>
                                <td class="text-center">{{ date('d-m-Y', strtotime($anuncio->inicio)) }}</td>
                                <td class="text-center">{{ date('d-m-Y', strtotime($anuncio->vencimiento)) }}</td>
                                
                                <td class="text-center">
                                    
                                  <a class="btn btn-info text-white" data-toggle="modal" data-target="#editar" onclick="seleccionar('{{$anuncio->id}}','{{$anuncio->titulo}}','{{$anuncio->contenido}}','{{$anuncio->inicio}}','{{$anuncio->vencimiento}}','{{$anuncio->color}}')"> <i class="fa fa-edit"></i> 
                                  </a>
								
								<a class="btn btn-danger text-white" onclick="eliminar('{{$anuncio->id}}')"> <i class="fa fa-trash"></i> 
								</a>
									
                                   
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
        	    </table>
        	    
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="editar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Editar Anuncio</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('archivo.save-final')}}" method="post">
          {{ csrf_field() }} 

         <input type="hidden" class="form-control id" name="id">
 
 
        <div class="col-sm-12">
            <div class="form-group">
              <label class="control-label">Título</label>
              <input class="form-control titu" type="text" name="titulo" required>
            </div> 
        </div>

        <div class="col-sm-12">
            <div class="form-group">
               <label class="control-label">Fecha desde</label>
               <input class="form-control comienzo datepicker" type="text" name="desde" required>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="form-group">
               <label class="control-label " style="text-align: center; margin-top:4px;">Fecha hasta</label>
               <input class="form-control vence datepicker" type="text" name="hasta">
            </div>   
        </div>
        
        <div class="col-sm-12">
            <div class="form-group">
               <label class="control-label">Color del anuncio</label>
               <select class="form-control color" name="color">
                <option value="info">Azul Claro</option>
                <option value="primary">Azul Oscuro</option>
                <option value="warning">Amarillo</option>
                <option value="light">Blanco</option>
                <option value="success">Verde</option>
                <option value="danger">Rojo</option>
                <option value="secondary">gris</option>
                <option value="dark">Negro</option>
               </select>
            </div>
        </div>
        
        
        <div class="col-sm-12">
            <div class="form-group">
              <label class="control-label">Contenido</label>
              <textarea class="form-control summernote todo" type="textarea" name="contenido" required></textarea>
            </div>  
        </div>
               
            
            <div class="d-flex justify-content-center">
                <div class="col-sm-6">
                   <button class="btn btn-info btn-block" type="submit">Aceptar</button>
                </div>
            </div>
            
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div> 

@endsection
@include('usuario.componentes.scritpTable')


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

    function eliminar(ID){
        Swal.fire({
           title: 'Está seguro de realizar esta acción, al dar clic es irreversible recuperar la información.',
           type:'warning',
           showCancelButton: true,
           confirmButtonColor: '#3085d6',
           cancelButtonColor: '#d33',
           confirmButtonText: 'Si',
           cancelButtonText: 'No',
        }).then((result) => {
            if (result.value) {
              window.location.href = 'eliminaranuncio/'+ID;
            }
        });
    }
    
    function seleccionar(usuarios, titulo, contenido, inicio, vencimiento, colores){
        $('.id').val(usuarios);
        $('.titu').val(titulo);
        $('.todo').val(contenido);
        $('.comienzo').val(inicio);
        $('.vence').val(vencimiento);
        $('.color').val(colores);
        
        $('.summernote').summernote('code', contenido);
    }; 
</script>
@endpush