@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
          <div class="alert alert-info">
            <h5 class="text-center"><strong>Nota:</strong> Si necesitas ayuda los tiempos de respuesta son de 12 a 24 horas</h5>
          </div> 
        </div>
    </div>          
</div> 

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                  <form method="POST" action="{{ route('generarticket') }}" enctype="multipart/form-data">
                   {{ csrf_field() }}
        
         <div class="col-md-12">
            <label class="control-label">Tipo de tickets</label>
              <select name="tipo" class="form-control" required>
                 <option value="" selected disabled>Seleccione una Opción</option>
                 <option value="Activacion">Activacion</option>
                 <option value="Comisiones">Comisiones</option>
                 <option value="Productos y compras">Productos y compras</option>
                 <option value="Afiliados y red">Afiliados y red</option>
                 <option value="Otros">Otros</option>
              </select>
          </div>
              
        <div class="col-md-12">
          <label class="control-label">Asunto del ticket</label>
          <input class="form-control" type="text" name="asunto" required>
        </div>

        <div class="col-md-12">
          <label class="control-label">Comentario</label>
          <textarea class="form-control summernote" type="textarea" name="comentario" required> </textarea>
        </div>
        

        <div class="col-md-12">
            <div class="form-group">
                <div class="alert alert-info" role="alert">
                    <h6>formatos aceptados PNG,JPG,JPEG,PDF,DOCX,XLSX,CSV</h6>
                </div>     
            </div>
                   
          <div class="input-group mb-3">
              <div class="custom-file">
                <input type="file" name="archivo" class="custom-file-input">
                <label class="custom-file-label">Subir Archivo</label>
              </div>
          </div>
        </div>  
        

        <div class="col-md-12 pt-4">
          <div class="row">
             <div class="col-md-6">
               <a href="{{ route('misticket') }}" class="btn btn-danger btn-block">Cancelar</a>
             </div>
             <div class="col-md-6">
               <button class="btn btn-info btn-block" type="submit">Aceptar</button>
             </div>
          </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', 'video']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
  })
  
 </script>
@endpush