@extends('adminlte::page')

@section('title_postfix', ' - Newsletter')

@section('content_header')
  <h1>Criação de Newsletters</h1>
@stop


@section('content')

  <div class="box box-primary" style="margin-top: 2em">
    <div class="box-body">

      @if(session('message'))
      <div class="alert alert-success" role="alert">Alterado com sucesso.</div>
      @endif
              @if(session('messagedel'))
      <div class="alert alert-success" role="alert">Eliminado com sucesso.</div>
      @endif
              @if(session('messagenotdel'))
      <div class="alert alert-error" role="alert">Erro a eliminar.</div>
      @endif
         <label for="code">Ficheiros para a newsletter.  <span style="color: indianred">*</span></label>
 <form action="{{ config('app.url') }}/newsletter/i" method="POST" enctype="multipart/form-data"   class="dropzone"  id="fileupload"   >
        @csrf
        
          <div>
           
        <div class="dz-message"><h4>Arraste os ficheiros para esta caixa ou clique aqui para fazer o upload.</h4></div>
        <div class="fallback">
              
          <input   name="file" type="file" multiple accept="image/jpeg, image/png, image/jpg" />
        </div>
          </div>

      </form>

      <br><br>
        <form action="{{ config('app.url') }}/newsletter" method="POST" enctype="multipart/form-data"      >
        @csrf
          <div class="form-group">
          <label for="code">HTML Para a Newsletter por defeito.  <span style="color: indianred">*</span></label>
          <textarea  style="height:400px;" type="text" class="form-control" id="code" name="code" placeholder="code" value="{{ $news->code }}" required>{{ $news->code }}</textarea></div>
          <br><br>

        <button type="submit" class="btn btn-primary" style="margin-top: 1em;">Guardar</button>
      
      </form>
      <br><br>
       <label for="code">Eliminar ficheiros.  <span style="color: indianred">*</span></label>
 <form action="{{ config('app.url') }}/newsletter/fl" method="POST" >
        @csrf
        
          <div>
               <div class="form-group">

          <select class="form-control m-bot15" required name="del">

  

        @foreach($directories as $file)
            <option value="{{ $file }}">{{ $file }}</option>    
  @endforeach
  

</select>
          <br><br>
      
          </div>
  
        <button type="submit"class="btn btn-danger"><i class="fa fa-trash"></i>&nbsp;Apagar</button>
      
      </form>
    </div>
  </div>

@stop

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css">
<style>
  .dropzone {
    border:2px dashed #999999;
    border-radius: 10px;
  }
  .dropzone .dz-default.dz-message {
    height: 171px;
    background-size: 132px 132px;
    margin-top: -101.5px;
    background-position-x:center;

  }
  .dropzone .dz-default.dz-message span {
    display: block;
    margin-top: 145px;
    font-size: 20px;
    text-align: center;
  }
</style>



@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script>


@endsection