@extends('layouts.backBase')

@section('css')
{!! HTML::style('//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css') !!}
{!! HTML::style('css/back/panel.css') !!}
{!! HTML::style('css/back/dataTable.css') !!}
@stop

@section('body')
{!! HTML::script('js/back/custom.js') !!}
@stop

@section('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>
         @foreach ($catList as $cat)
            @if ($catSelected == $cat->getId())
            <option selected value="{{ $cat->getId() }}">{{ $cat->getName() }}</option>
            @else
            <option value="{{ $cat->getId() }}">{{ $cat->getName() }}</option>
            @endif
         @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>
         @foreach ($locList as $loc)
            @if ($locSelected == $loc->getId())
            <option selected value="{{ $loc->getId() }}">{{ $loc->getName() }}</option>
            @else
            <option value="{{ $loc->getId() }}">{{ $loc->getName() }}</option>
            @endif
         @endforeach
      </select>
   </div>
   <div class="form-group col-md-2" style="padding-top: 25px;">
      <a id="searchProjects" itemref="{{ 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>
      @foreach ($projList as $proj)
      <tr>
         <td>
            {{ $proj->getYear() }}
         </td>
         <td>
            {{ $proj->getTitle() }}
         </td>
         <td>
            {{ $proj->getIdProjectCategory()->getName() }}
         </td>
         <td data-sort="{{ $proj->getActive() }}" style="text-align: center">
            @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>
            @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>
            @endif
            <a class="action" href="{{ 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="{{ 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="{{ $proj->getId() }}" data-product_name="{{ $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>
      @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">
            {!! 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>
            {!! Form::close() !!}
         </div>
      </div>
   </div>
</div>
@stop

@section('scripts')
{!! 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>
@stop