@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>Añadir Proyecto.</h3>
<hr>
<div class="col-md-12">
   <h4>Datos Nuevos</h4>
   {!! Form::open(array('route'=>'panel/social/project/add', 'method'=>'POST', 'files'=>true)) !!}
   <div class="row">
      <div class="col-md-6">
         <div class="form-group">
            {!! Form::label('year', 'Año', ['class' => 'control-label'] ) !!}
            {!! Form::number('year', \Carbon\Carbon::now()->year-1, ['class' => 'form-control']) !!}
         </div>
      </div>
      <div class="col-md-6">
         <div class="form-group">
            {!! Form::label('category', 'Categoría', ['class' => 'control-label'] ) !!}
            {!! Form::select('category', $catList ,NULL, ['class' => 'form-control', 'placeholder' => 'Seleccione una...'] ) !!}
         </div>
      </div>
   </div>
   <div class="form-group">
      {!! Form::label('title', 'Nombre', ['class' => 'control-label'] ) !!}
      {!! Form::text('title', NULL, ['class' => 'form-control']) !!}
   </div>
   <div class="form-group">
      {!! Form::label('alias', 'Alias', ['class' => 'control-label'] ) !!}
      {!! Form::text('alias', NULL, ['class' => 'form-control','readonly']) !!}
   </div>
   <br>
   <div class="form-group">
      {!! Form::label('description', 'Descripción', ['class' => 'control-label'] ) !!}
      {!! Form::textarea('description', NULL, ['class' => 'form-control ckeditor'] ) !!}
   </div>
   <hr>
   <div class="form-group">
      
      <div class="row">
         <div class="col-md-6">
            {!! Form::label('fundersTable', 'Búsqueda de Financiadores', ['class' => 'control-label'] ) !!}
            <table class="table hover order-column compact" id="fundersTable">
               <thead>
                  <tr>
                     <td>
                        Seleccione
                     </td>
                     <td>
                        Nombre
                     </td>
                     <td>
                        Imagen
                     </td>
                  </tr>
               </thead>
               <tbody>
                  @foreach ($funderList as $funder)
                  <tr>
                     <td>
                        {!! Form::checkbox('funders[]', $funder->getId(), NULL ,['class' => 'checkFunder']) !!}
                     </td>
                     <td>
                        {{ $funder->getName() }}
                     </td>
                     <td>
                        @if ( $funder->getImage() )
                        <img class="image-for-viewer" title="Click para ver imagen a tamaño original" data-toggle="tooltip" data-placement="top" style="max-height: 25px;" class="img-responsive" src="{{ asset($funder->getImage()) }}">
                        @else
                        Sin foto
                        @endif
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>
         <div class="col-md-6">
            {!! Form::label('locationsTable', 'Búsqueda de Financiadores', ['class' => 'control-label'] ) !!}
            <table class="table hover order-column compact" id="locationsTable">
               <thead>
                  <tr>
                     <td>
                        Seleccione
                     </td>
                     <td>
                        Nombre
                     </td>
                     <td>
                        Imagen
                     </td>
                  </tr>
               </thead>
               <tbody>
                  @foreach ($locList as $loc)
                  <tr>
                     <td>
                        {!! Form::checkbox('locations[]', $loc->getId(), NULL ,['class' => 'checkLocation']) !!}
                     </td>
                     <td>
                        {{ $loc->getName() }}
                     </td>
                     <td>
                        @if ( $loc->getImage() )
                        <img class="image-for-viewer" title="Click para ver imagen a tamaño original" data-toggle="tooltip" data-placement="top" style="max-height: 25px;" class="img-responsive" src="{{ asset($loc->getImage()) }}">
                        @else
                        Sin foto
                        @endif
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>
      </div>
   </div>
   <hr>
   <div class="form-group">
      <div class="row">
         <div class="col-md-6">
            {!! Form::label('fundersSelected', 'Financiadores seleccionados', ['class' => 'control-label'] ) !!}
            <div id="fundersSelected"></div>
         </div>
         <div class="col-md-6">
            {!! Form::label('locationsSelected', 'Lugares seleccionados', ['class' => 'control-label'] ) !!}
            <div id="locationsSelected"></div>
         </div>
      </div>
   </div>
   <hr>
   <div class="row">
      <div class="col-md-6">
         <div class="form-group">
            {!! Form::label('overallObjective', 'Objectivo General', ['class' => 'control-label'] ) !!}
            {!! Form::textarea('overallObjective', NULL, ['class' => 'form-control ckeditor'] ) !!}
         </div>
      </div>
      <div class="col-md-6">
         <div class="form-group">
            {!! Form::label('specificObjective', 'Objectivo Específico', ['class' => 'control-label'] ) !!}
            {!! Form::textarea('specificObjective', NULL, ['class' => 'form-control ckeditor'] ) !!}
         </div>
      </div>
   </div>
   <hr>
   <div class="form-group">
      {!! Form::label('result', 'Resultados', ['class' => 'control-label'] ) !!}
      {!! Form::textarea('result', NULL, ['class' => 'form-control ckeditor'] ) !!}
   </div>
   {!! Form::submit('Guardar',['class' => 'btn btn-default']) !!}
   {!! Form::close() !!}
</div>
@stop
@section('scripts')
{!! Minify::javascript('/js/back/form.js')->withFullUrl() !!}
<style>
   .dataTables_filter{
      float: left !important;
   }
</style>
<script src="//cdn.ckeditor.com/4.5.7/basic/ckeditor.js"></script>
{!! HTML::script('//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js') !!}
<script>

function fillFieldsFromDataTables() {
   var text = printTableChecked(funderTable);
   $("#fundersSelected").html(text);
   var text = printTableChecked(locationTable);
   $("#locationsSelected").html(text);
}

function printTableChecked(table) {
   text = "";
   $("input:checked", table.fnGetNodes()).each(function () {
      text += '<i class="fa fa-check"></i> ' + $.trim($(this).parent().siblings(0).html()) + ' <br> ';
   });
   return text;
}

$("form input:checkbox").click(function () {
   if ($(this).hasClass('checkFunder')) {
      var text = printTableChecked(funderTable);
      $("#fundersSelected").html(text);
   }
   if ($(this).hasClass('checkLocation')) {
      var text = printTableChecked(locationTable);
      $("#locationsSelected").html(text);
   }
   return null;
});

$(document).ready(function () {
   funderTable = $('#fundersTable').dataTable({
      "scrollY": "200px",
      "scrollCollapse": true,
      "paging": false,
      "bFilter": false,
      "language": {
         "url": "//cdn.datatables.net/plug-ins/1.10.9/i18n/Spanish.json",
         "searchPlaceholder": "Financiadores..."
      },
      "columns": [
         {"width": "1%", "bSortable": false},
         { "bSortable": false } ,
         { "bSortable": false }
      ]
   });
   locationTable = $('#locationsTable').dataTable({
      "scrollY": "200px",
      "scrollCollapse": true,
      "paging": false,
      "bFilter": false,
      "language": {
         "url": "//cdn.datatables.net/plug-ins/1.10.9/i18n/Spanish.json",
         "searchPlaceholder": "Lugares..."
      },
      "columns": [
         {"width": "1%", "bSortable": false},
         { "bSortable": false } ,
         { "bSortable": false }
      ]
   });
   fillFieldsFromDataTables();
});
</script>
@stop