@extends('layouts.admin')
@section('estilos')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
<link  href="{{asset('iconos/files/flaticon.css')}}" rel="stylesheet" type="text/css">
<style media="screen">
  .lblgrande{ font-size: 12px; }
  .lblgrande i{ color: white; }
</style>
@endsection
@section('contenido')
@include('admin.documentos.modals')
<div class="col-xs-12">
  <div class="pull-right">
    <button class="btn btn-primary" data-toggle="modal" data-target="#add_file"><i class="fa fa-plus"></i>&nbsp;Subir archivo</button>
    <button class="btn btn-success" data-toggle="modal" data-target="#make_dir"><i class="fa fa-plus"></i>&nbsp;Crear Carpeta</button>
  </div>
  @if ($crp->crp_crp == 0) <a href="{{URL::to('documentos')}}" class="btn btn-primary"><i class="fa fa-arrow-left"></i> Carpeta principal</a>
  @else <a href="{{URL::to('carpetas',$crp->crp_crp)}}" class="btn btn-primary"><i class="fa fa-arrow-left"></i> Un nivel arriba</a> @endif
  <button class="btn btn-info" data-toggle="collapse" data-target="#infodir"><i class="fa fa-info"></i> Información de carpeta</button>
  <div class="collapse" id="infodir">
    {!!Form::open(array('method'=>'PATCH','autocomplete'=>'off','id'=>'frm-editdir', 'enctype'=>'multipart/form-data'))!!}
    <fieldset class="col-lg-6 border">
      <legend>&nbsp;Información de la carpeta</legend>
      <label>Nombre de la carpeta</label>
      <div class="input-group">
        <input type="text" class="form-control" name="name" id="namedir" value="{{$crp->crp_nombre}}" placeholder="Cotizaciones" onkeypress="return numerosyletras(event)" required>
        <span class="input-group-btn"><button type="reset" id="btncncl3" class="btn btn-danger"><i class="fa fa-close"></i>&nbsp;Cancelar</button></span>
        <span class="input-group-btn"><button type="submit" id="btnsbmt3" class="btn btn-info"><i class="fa fa-save"></i>&nbsp;Aceptar</button></span>
      </div>
      <h5>Personas que verán la carpeta</h5>
      <div class="col-lg-6">
        <label>Sucursal</label>
        <select class="form-control" name="sucur" id="sucurCE" onchange="getDeptos(this.value,'deptoCE')">
          <option value="0">Todas las sucursales</option>
          @foreach ($suc as  $s)
          <option value="{{$s->suc_id}}" @if($s->suc_id == $crp->crp_suc) selected @endif>{{$s->suc_nombre}}</option>
          @endforeach
        </select>
        <label>Departamento</label>
        <select class="form-control" name="depto" id="deptoCE" onchange="getCols(this.value,'colCE')">
          <option value="0">Todos los departamentos</option>
          @foreach ($dep as  $d)
          <option value="{{$d->dep_id}}" @if($d->dep_id == $crp->crp_dep) selected @endif>{{$d->dep_nombre}}</option>
          @endforeach
        </select>
        <label>Colaboradores</label>
        <select class="form-control" id="colCEs"  onchange="addcole(this.value)">
          <option value="0" disabled selected>Seleccione para agregar colaborador</option>
          @foreach ($cold as $j => $c)
          <option value="{{$j}}">{{$c->cnt_nombres}}&nbsp;{{$c->cnt_apellidos}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-lg-6">
                <input type="hidden" name="cols" id="colCElst" value="{{$clbscrp}}">
        <div id="colCE">
          @foreach ($col as $c)
            <label class="label label-success lblgrande" id="colo{{$c->emple_id}}" onclick="delcol({{$c->emple_id}},'colCE')">{{$c->colaborador}}&nbsp;&nbsp;<i class="fa fa-close"></i></label><br><br>
          @endforeach
        </div>
      </div>
    </fieldset>
    {!!Form::close()!!}
    <fieldset class="col-lg-3">
      <legend>Contenido</legend>
      <h5><b>Subcarpetas:&nbsp;</b> {{count($crps)}}</h5>
      <h5><b>Archivos:&nbsp;</b> {{count($files)}}</h5>
    </fieldset>
  </div>
</div>
<section class="m-t-20" id="carpetas">
  <fieldset class="border">
    <legend>&nbsp;&nbsp;Carpetas</legend>
    @foreach ($crps as $c)
    <a href="{{URL::to('carpetas',$c->crp_id)}}" class="carpeta">
      <h4>{{$c->crp_nombre}}</h4>
    </a>
    @endforeach
  </fieldset>
  <fieldset class="border">
    <legend>&nbsp;&nbsp;Archivos</legend>
    @foreach ($files as $j => $f)
        <div class="cfile" title="{{$f->doc_nombre}}" id="file{{$f->doc_id}}">
      <div class="fils {{$cls}}" @if($cls == '') style="background-image:url({{asset('files/'.$f->doc_archivo)}})" @endif></div>
      @if(strlen($f->doc_nombre) <= 18) <h5>{{$f->doc_nombre}}</h5>
      @else <h5>{{substr($f->doc_nombre,0,15)}}...</h5> @endif
      <div class="opcfile">
        <a href="{{asset("files/$f->doc_archivo")}}" download title="Descargar: {{$f->doc_nombre}}"><i class="flaticon-circular-down-arrow-button"></i></a><br>
        <a onclick="editfile({{$f->doc_id}})" title="Editar permisos de: {{$f->doc_nombre}}"><i class="flaticon-pencil-writing-tool-symbol-in-circular-button-outline"></i></a><br>
        <a onclick="delfile({{$f->doc_id}},'{{$f->doc_nombre}}')" title="Borrar: {{$f->doc_nombre}}"><i class="flaticon-close-circular-button-of-a-cross"></i></a>
      </div>
    </div>
    @endforeach
  </fieldset>
</section>
@endsection
@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/es.js"></script>
<script type="text/javascript">
var extensions = ['jpg','png','gif','jpeg','zip','rar','tar','targz','docx','xlsx','pptx','txt','pdf'];
$(".file").fileinput({
  language: "es",
  showCaption: false,
  showUpload: false,
  browseLabel: "Busque o arrastre y suelte sobre este botón el archivo",
  allowedFileExtensions: extensions,
  browseIcon: " <i class=\"fa fa-arrow-up\" style=\"color:#fff;\"></i>",
  browseClass: "btn btn-primary btn-block",
  showRemove: false,
  uploadAsync: true,
  overwriteInitial: false
});
$('#frm-editdir').submit(function(event){
  event.preventDefault(); DescButtons(3);
  var formData = new FormData($(this)[0]);
  $.ajax({
    type:'POST',
    url:'{{URL::to('carpetas',$crp->crp_id)}}',
    data:formData,
    cache:false,
    processData: false,
    contentType: false,
    success:function(data){
      var r = JSON.parse(data);
      if (r.success) alerta('Exito!',r.msg,'success','btn-success','OK');
      else alerta('Error',r.msg,'error','btn-danger','Cerrar');
    },
    error:function(){ alerta('Error','Hubo un error al conectar con el servicio REST','error','btn-danger','OK'); }
  });
  setTimeout(function () { swal.close(); $('#frm-editdir')[0].reset(); ActButtons(3); $('#make_dir').modal('hide'); }, 1500);
});
function addcole(id){
  var cols = JSON.parse('['+$('#colCElst').val()+']');
  if (cols.indexOf(parseInt(colabs2[id].emple_id)) == -1) {
    cols.push(colabs2[id].emple_id);
    $('#colCElst').val(cols.toString());
    $('#colCE').append('<label class="label label-success lblgrande" id="colo'+colabs2[id].emple_id+'" onclick="delcol('+colabs2[id].emple_id+', \'colCE\')">'+colabs2[id].cnt_nombres+' '+colabs2[id].cnt_apellidos+' <i class="fa fa-close"></i></label>&nbsp;&nbsp;&nbsp;')
  }
  $('#colsCE').val(0);
}
function editfile(id){
  $.ajax({
    url:url+'documentos/'+id+'/edit',
    type:'POST',
    data:{'_method':'GET','_token':token},
    success:function(data){
      var r = JSON.parse(data);
      colabs = r.cols;$('#colFE').html('');
      var cgh=r.doc.doc_cols.replace("[",""); cgh=cgh.replace("]","");cgh=cgh.replace('"',"");
      var clbsele = '<option value="0">Seleccione colaboradores</option>';
      var scssele = '<option value="0">Todas las sucursales</option>';
      var dptsele = '<option value="0">Todos los departamentos</option>';
      for (var j of r.sucs) { scssele += (j.suc_id == r.doc.doc_suc) ? '<option value="'+j.suc_id+'" selected>'+j.suc_nombre+'</option>' : '<option value="'+j.suc_id+'">'+j.suc_nombre+'</option>'; }
      for (var j of r.deps) { dptsele += (j.dep_id == r.doc.doc_dep) ? '<option value="'+j.dep_id+'" selected>'+j.dep_nombre+'</option>' : '<option value="'+j.dep_id+'">'+j.dep_nombre+'</option>'; }
      for (var j in colabs) { clbsele += '<option value="'+j+'">'+colabs[j].cnt_nombres+'&nbsp;'+colabs[j].cnt_apellidos+'</option>'; }
      for (var j of r.col) { $('#colFE').append('<label class="label label-success lblgrande" id="colo'+j.emple_id+'" onclick="delcol('+j.emple_id+',\'colFE\')">'+j.colaborador+'&nbsp;&nbsp;<i class="fa fa-close"></i></label>'); }
      $('#sucurFE').html('');$('#sucurFE').append(scssele);
      $('#deptoFE').html('');$('#deptoFE').append(dptsele);
      $('#colFEs').html('');$('#colFEs').append(clbsele);
      $('#colFElst').val(cgh);
      $('#iddoc').val(r.doc.doc_id);
      $('#editfile').modal('show');
    },
    error:function(){ alerta('Error!','No se pudo conectar al servidor','error','btn-danger','Aceptar'); }
  });
}
function delfile(id,nombre){
  swal({
    title: "¿Eliminar archivo?",
    text: "El archivo "+nombre+' será removido del servidor',
    type: "warning",
    closeOnConfirm: false,
    showCancelButton: true,
    showLoaderOnConfirm: true,
    confirmButtonText: 'Aceptar',
    cancelButtonText: 'Cancelar',
  },
  function(){
    $.ajax({
      data:{'_token':token,'_method':'DELETE'},
      url:url+'documentos/'+id,
      type: 'POST',
      success:function(data){
        var r = JSON.parse(data);
        if (r.success) {
          alerta('Exito!', r.msg, 'success', 'btn-success', 'Ok');
          $('#file'+id).fadeOut(500, function(){ $(this).remove();});
        }
        else alerta('Error', r.msg, 'error', 'btn-danger', 'Cerrar');
      },
      error:function() { alerta('Error','Hubo un error en el servidor inténtelo más tarde','error','btn-danger','Cerrar'); }
    })
  });
}
</script>
@endsection