@extends('layouts.backBase')

@section('css')
{!! HTML::style('css/back/panel.css') !!}
@stop

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

@section('content')
<h3>Edición de categoría: <span style="color: #0069ad">{{ $cat->getName() }}</span></h3>
<hr>
<div style="padding-top: 20px; padding-bottom: 20px;" class="col-md-6">
   <h4>Datos Nuevos</h4>
   {!! Form::open(array('route'=>'panel/social/cat/editPost','method'=>'POST', 'files'=>true)) !!}
   <input type="hidden" name="id" id="id" value="{{ $cat->getId() }}">
   <div class="form-group">
      <label class="control-label" for="name">Nombre</label>
      <input required="true" type="text" class="form-control"  name="name" id="name" value="{{ $cat->getName() }}">
   </div>
   <div class="form-group">
      <label class="control-label" for="alias">Alias (Se rellena automáticamente al escribir en el campo nombre)</label>
      <input readonly="true"  type="text" class="form-control" name="alias" id="alias" value="{{ $cat->getAlias() }}">
   </div>
   <div class="form-group">
      <label class="control-label" for="active">Visibilidad en la web</label>
      <br>
      <div class="btn-group" data-toggle="buttons">
         @if ( $cat->getActive() )
         <label class="btn btn-primary active">
            <input type="radio" name="active" id="option1" autocomplete="off" checked value="1"> Activo
         </label>
         <label class="btn btn-primary">
            <input type="radio" name="active" id="option2" autocomplete="off" value="0"> Inactivo
         </label>
         @else
         <label class="btn btn-primary">
            <input type="radio" name="active" id="option1" autocomplete="off"  value="1"> Activo
         </label>
         <label class="btn btn-primary active">
            <input type="radio" name="active" id="option2" autocomplete="off" checked value="0"> Inactivo
         </label>
         @endif
      </div>
      <span data-toggle="tooltip" data-placement="top" title="Recuerde que solo se podrá activar la categoría si tiene algún proyecto asociado previamente.">
         <i class="fa fa-question-circle" style="font-size: 20px; vertical-align: middle;"></i>
      </span>
   </div>
   <div class="form-group">
      <label class="control-label" for="image">Imagen (El campo vacío mantiene la antigua foto)</label>
      <input type="file" class="form-control" name="image"  value="{{ $cat->getImage() }}" id="image">
   </div>
   <button type="submit" class="btn btn-default">Aceptar</button>
</form>
</div>
<div class="col-md-6 well">
   <h4>Datos anteriores</h4>
   <form role="form">
      <div class="form-group">
         <label for="name">Nombre</label>
         <input disabled="true" type="text" class="form-control disabled" value="{{ $cat->getName() }}">
      </div>
      <div class="form-group">
         <label for="alias">Alias</label>
         <input disabled="true" type="text" class="form-control disabled" value="{{ $cat->getAlias() }}">
      </div>
      <div class="form-group">
         <label class="control-label" for="active">Visibilidad en la web</label>
         <br>
         @if ( $cat->getActive() )
         <button type="button" class="btn btn-large btn-success btn-flat" data-toggle="tooltip" data-placement="top" title="Visible en la web">
            <i style="font-size: 18px;" class="fa fa-thumbs-o-up"></i>
         </button>
         @else
         <button type="button" class="btn btn-large btn-danger btn-flat" data-toggle="tooltip" data-placement="top" title="No visible en la web">
            <i style="font-size: 18px;" class="fa fa-thumbs-o-down"></i>
         </button>
         @endif
      </div>
      <hr>
      <div class="form-group">
         <label for="image">Imagen</label>
         <img style="max-height: 300px;" class="image-for-viewer img-responsive" src="{{ asset($cat->getImage()) }}" data-toggle="tooltip" data-placement="top" title="Click para ver imagen a tamaño original">
      </div>
   </form>
</div>
@stop
@section('scripts')
{!! Minify::javascript('/js/back/form.js')->withFullUrl() !!}
@stop