<?php $__env->startSection('css'); ?>
<?php echo HTML::style('//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css'); ?>

<?php echo HTML::style('css/back/panel.css'); ?>

<?php echo HTML::style('css/back/dataTable.css'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('body'); ?>
<?php echo HTML::script('js/back/custom.js'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<h3>Proyectos</h3>
<hr>
<div class="row">
   <div class="form-group col-md-5">
      <label class="control-label">Categorías</label>
      <select id="category" class="form-control">
         <option value="0">Todos</option>
         <?php foreach($catList as $cat): ?>
            <?php if($catSelected == $cat->getId()): ?>
            <option selected value="<?php echo e($cat->getId()); ?>"><?php echo e($cat->getName()); ?></option>
            <?php else: ?>
            <option value="<?php echo e($cat->getId()); ?>"><?php echo e($cat->getName()); ?></option>
            <?php endif; ?>
         <?php endforeach; ?>
      </select>
   </div>
   <div class="form-group col-md-5">
      <label class="control-label">Lugares</label>
      <select id="location" class="form-control">
         <option value="0">Todos</option>
         <?php foreach($locList as $loc): ?>
            <?php if($locSelected == $loc->getId()): ?>
            <option selected value="<?php echo e($loc->getId()); ?>"><?php echo e($loc->getName()); ?></option>
            <?php else: ?>
            <option value="<?php echo e($loc->getId()); ?>"><?php echo e($loc->getName()); ?></option>
            <?php endif; ?>
         <?php endforeach; ?>
      </select>
   </div>
   <div class="form-group col-md-2" style="padding-top: 25px;">
      <a id="searchProjects" itemref="<?php echo e(route('panel/social/project/list')); ?>">
         <button style="width: 100%" type="button" class="btn btn-default btn-flat">
            Buscar
         </button>
      </a>
   </div>
</div>
<hr>
<table class="table hover order-column compact" id="panelTable">
   <thead>
      <tr>
          <td>
            Año
         </td>
         <td>
            Nombre
         </td>
         <td>
            Categoría
         </td>
         <td>
            Acciones
         </td>
      </tr>
   </thead>
   <tbody>
      <?php foreach($projList as $proj): ?>
      <tr>
         <td>
            <?php echo e($proj->getYear()); ?>

         </td>
         <td>
            <?php echo e($proj->getTitle()); ?>

         </td>
         <td>
            <?php echo e($proj->getIdProjectCategory()->getName()); ?>

         </td>
         <td data-sort="<?php echo e($proj->getActive()); ?>" style="text-align: center">
            <?php if( $proj->getActive() ): ?>
            <button type="button" class="btn btn-xs btn-success btn-flat">
               <i data-toggle="tooltip" data-placement="top" title="Visible en la web" class="fa fa-thumbs-o-up"></i>
            </button>
            <?php else: ?>
            <button type="button" class="btn btn-xs btn-danger btn-flat">
               <i data-toggle="tooltip" data-placement="top" title="No visible en la web" class="fa fa-thumbs-o-down"></i>
            </button>
            <?php endif; ?>
            <a class="action" href="<?php echo e(route('panel/social/project/read',[ 'id' =>  $proj->getId()])); ?>" data-toggle="tooltip" data-placement="top" title="Ver este elemento">
               <button type="button" class="btn btn-xs btn-default btn-flat">
                  <i class="fa fa-eye"></i>
               </button>
            </a>
            <a class="action" href="<?php echo e(route('panel/social/project/edit',[ 'id' =>  $proj->getId()])); ?>" data-toggle="tooltip" data-placement="top" title="Editar este elemento">
               <button type="button" class="btn btn-xs btn-default btn-flat">
                  <i class="fa fa-pencil"></i>
               </button>
            </a>
            <button type="button" data-toggle="modal" data-product_id="<?php echo e($proj->getId()); ?>" data-product_name="<?php echo e($proj->getTitle()); ?>" class="btn btn-xs btn-default btn-flat" data-target="#confirmDelete">
               <span data-toggle="tooltip" data-placement="top" title="Borrar este elemento">
                  <i class="fa fa-trash"></i>
               </span>
            </button>
         </td>
      </tr>
      <?php endforeach; ?>
   </tbody>
</table>
<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="confirmDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Borrar Proyecto</h4>
         </div>
         <div class="modal-body">
            ¿ Seguro que desea borrar el proyecto: <span id="mName"></span> ?
         </div>
         <div class="modal-footer">
            <?php echo Form::open(array('route'=>'panel/social/project/remove', 'method'=>'POST')); ?>

            <input type="hidden" name="removeId" id="removeId">
            <button type="submit" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Sí, borrar este elemento">Borrar</button>
            <span>
               <button type="button" data-toggle="tooltip" data-placement="top" title="Cerrar y no borrar nada" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </span>
            <?php echo Form::close(); ?>

         </div>
      </div>
   </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<?php echo HTML::script('//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js'); ?>

<script>
   $(document).ready(function () {
      $('#panelTable').dataTable({
         "order": [[ 0, "desc" ],[1,"asc"]],
         "lengthMenu": [[10, 25, -1], [10, 25, "Todo"]],
         "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.9/i18n/Spanish.json"
         },
         "columns": [
            {"width": "5%"},
            null,
            {"width": "15%"},
            {"width": "15%"}
         ]
      });
      //triggered when modal is about to be shown
      $('#confirmDelete').on('show.bs.modal', function (e) {
         //get data-id attribute of the clicked element
         var productId = $(e.relatedTarget).data('product_id');
         var productName = $(e.relatedTarget).data('product_name');
         $("#confirmDelete #mName").html(productName);
         $("#confirmDelete #removeId").val(productId);//e.g. 'domainname/products/' + productId
      });
      //SearchProjects Button
      $('#searchProjects').click(function () {
         var url = $(this).attr('itemref') + '/' + $('#category').val() + '/' + $('#location').val();
         $(this).attr('href', url);
      });
   });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.backBase', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>