@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-md-8">


        @include('layouts.alerts.success')

        @include('layouts.alerts.error')
        
        <div class="card {{ session('theme_card') }}">

            <div class="card-header">
                <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
                <i class="bi bi-caret-left"></i>
                </a>
                Preparando envio customizado ... 
            </div>

            <div class="card-body {{ session('theme_bg_black') }}">

              <form action="{{ Route('CargarBuzonCustom') }}" method="POST">
                @csrf

                <div class="row">
                  <p>Objetivo/s:</p>
                  <div class="form-check col mx-1 text-center">
                    <input class="form-check-input" type="checkbox" value="org" name="sp_1" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      Todos los Organizadores
                    </label>
                  </div>
                  <div class="form-check col mx-1 text-center">
                    <input class="form-check-input" type="checkbox" value="pas" name="sp_2" id="flexCheckDefault1">
                    <label class="form-check-label" for="flexCheckDefault1">
                      Todos los Productores
                    </label>
                  </div>
                  <div class="form-check col mx-1 text-center">
                    <input class="form-check-input" type="checkbox" value="vig" name="sp_3" id="flexCheckDefault3">
                    <label class="form-check-label" for="flexCheckDefault3">
                      Clientes con poliza Vigente
                    </label>
                  </div>
                </div>

                <br>
                <hr class="col col-md-6 mx-auto">

                {{-- <div class="row">
                  <div class="col col-md-6 mx-auto">
                    <br>
                    <input placeholder="Titulo" type="text" class="form-control" name="title">
                    <br>
                  </div>
                </div> --}}

                <textarea name="message" id="input_message" cols="30" rows="10"></textarea>
                <br>
                
                <div class="row">
                  <div class="col text-center">
                    @include('layouts.loading')
                    <button id="btn_cargar" type="submit" onclick="Loading();" class="btn btn-outline-primary">Ejecutar</button>                    
                  </div>
                </div>

              </form>

            </div>

        </div>

      </div>
    </div>
  </div>
@endsection


@push('scripts')
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/trumbowyg@2.26.0/dist/ui/trumbowyg.min.css">
  <script src="https://cdn.jsdelivr.net/npm/trumbowyg@2.26.0/dist/trumbowyg.min.js"></script>
  <script>
      $('#input_message').trumbowyg({
          btns: [
              ['bold', 'italic', 'underline', 'del'], // Formatos básicos
              ['foreColor', 'backColor'],     // Colores
              ['orderedList', 'unorderedList'] // Listas,
              ['viewHTML'],
              ['undo', 'redo'], // Only supported in Blink browsers
              ['formatting'],
              // ['superscript', 'subscript'],
              ['link'],
              ['insertImage'],
              // ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
              ['unorderedList', 'orderedList'],
              ['horizontalRule'],
              ['removeformat']
          ],
          autogrow: true,
          lang: 'es'
      });
  </script>
  <script>
    function Loading() {
      $("#loading").show();
      $("#btn_cargar").hide();
    }
  </script>  
@endpush