<?php

?>

<?= $this->Html->link(
  '<i class="fa fa-fw fa-chevron-left"></i> Voltar para post',
  ['controller' => 'admin/post/', 'action' => 'edit', $dados['Post']->id],
  ['class' => 'btn btn-default', 'escape' => false])
?>

<?php if (count($dados['Episodios']) > 0): ?>
  <?= $this->Form->postLink(
          'Excluir todos',
          ['controller' => 'admin/post/', 'action' => 'delete_eps', $dados['Post']->id],
          ['class' => 'btn btn-warning', 'escape' => false, 'confirm' => 'Todos os episódios desse anime será apagado, deseja continuar?'])
  ?>
<?php endif; ?>

<div class="row content">
  <div id="alert">
  </div>
  <div class="col-sm-8 col-md-6">

      <!-- add episodios -->
      <form id="addEmMassaId">
            <div class="well">
                <div class="form-group">
                    <label class="control-label">Episódios</label>
                    <input type="text" id="prefixTipoId" name="prefixTipo" value="episódios" class="form-control">
                </div>
                <div class="form-group">
                    <label class="control-label">Idioma</label>
                    <input type="text" id="prefixIdiomaId" name="prefixIdioma" value="legendado" class="form-control">
                </div>
                <div class="form-group">
                    <label class="control-label">URLs dos Episódios</label>
                    <textarea class="form-control" id="urlsId" rows="5" placeholder="URLs..." style="border: 1px solid #999; min-height: 150px; resize: vertical;"></textarea>
                </div>
            </div>
            <div class="control">
                <hr/>
                <button type="submit" class="btn btn-success" id="inserirEpisodios">Inserir episódios</button>
            </div>
      </form>
      <!-- end: add episodios-->

  </div><!-- .column is-three-quarters -->

</div>

<script type="text/javascript">
    $('#addEmMassaId').submit(function(e){
      e.preventDefault();

      let urls = prepareUrls($('#urlsId').val());

      if(urls.length > 0){

        $.ajax({
          url: "/admin/post/episodios/add-em-massa/<?= $dados['Post']['id'] ?>",
          method: "POST",
          data: {
            idPost: <?= $dados['Post']['id'] ?>,
            prefixTipo: $('#prefixTipoId').val(),
            prefixIdioma: $('#prefixIdiomaId').val(),
            urls: urls
          },
          success: function (data) {
            location.reload();
          },
          error: function(e) {
            console.log(e);
          }
        });

      }else if(urls.length == 0 && $('#urlsId').val().trim() != ""){
        alertMsg('URL(s) Incorreta(s)!', 'dc3545');
        $('#urlsId').css('border-color', '#dc3545');
      } else{
        alertMsg('Campo "URLs" obrigatório!', 'dc3545');
        $('#urlsId').css('border-color', '#dc3545');
      }



    });

    function prepareUrls(args){
      args = args.trim();
      args = args.replace(/http:\/\//g, ",");
      args = args.replace(/https:\/\//g, ",");

      let separatorHTTPs = (args.indexOf(",") !== -1) ? args.split(",") : [];

      function checkNull(separatorHTTPs){
        return separatorHTTPs !== "";
      }

      return separatorHTTPs.filter(checkNull);
    }

    function alertMsg(msg, color) {
      $('#alert').empty();
      $('#alert').append(`
        <div style="background-color: #`+color+`; padding: 16px; color: white; border-radius: 5px;">
          <small id="alertClose" style="float: right; cursor: pointer; font-size: 16px; text-shadow: 0px 0px 3px black;" onclick="alertClose()">x</small>
          `+msg+`
        </div>
        <br>
      `);
    }

    function alertClose(){
      $('#alert').empty();
    };
</script>