@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                   <form method="POST" action="{{ route('archivo-saveanuncio') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
      
      <div class="row">
          
        <div class="col-sm-12">
            <div class="form-group">
              <label class="control-label" >Título</label>
              <input class="form-control" type="text" name="titulo" required>
            </div>
        </div>

        <div class="col-sm-4">
            <div class="form-group">
               <label class="control-label">Fecha desde</label>
               <input class="form-control datepicker" type="text" name="desde" required>
            </div>
        </div>
        
        <div class="col-sm-4">
            <div class="form-group">
               <label class="control-label">Fecha hasta</label>
               <input class="form-control datepicker" type="text" name="hasta" required>
            </div>
        </div>
        
        
        <div class="col-sm-4">
            <div class="form-group">
               <label class="control-label">Color del anuncio</label>
               <select class="form-control" 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" type="textarea" name="contenido" required></textarea>
            </div>  
        </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>
    </div>
  </div>
</div>

@endsection

@push('script')
<script>
  $(document).ready(function () {
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
  })
</script>
@endpush