@extends('templates.default')

@section('css')
@endsection

@section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li><a href="{{ URL::to('bodega') }}">Bodega</a></li>
<li>Registrar</li>
@endsection

@section('content')
@if($errors->count() > 0)
<div class="col-md-12">
    <div class="alert alert-danger">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <ul class="list-unstyled">
        @foreach($errors->all('<li>:message</li>') as $message)
            {{ $message }}
        @endforeach
        </ul>
    </div>
</div>
@endif
<form class="form-horizontal" role="form" action="{{ URL::route('registrar_bodega') }}" method="POST">
    {{ Form::token() }}
    {{ $form->id }}
    {{ Form::hidden('tipo_contacto', 'BOD') }}
    
    <div class="col-md-8 col-sm-10">
	    <div class="form-group">
	      <div class="col-sm-4">
	      	  <label for="estado">Estado</label>
	          {{ $form->estado }}
	      </div>
	    </div>
	    <div class="form-group">
	      <div class="col-sm-8">
		      <label for="codigo">Código</label>
	          {{ $form->codigo }}
	      </div>
	    </div>
	    <div class="form-group">
	      <div class="col-sm-8">
		      <label for="nombre">Nombre</label>
	          {{ $form->nombre }}
	      </div>
	    </div>
	    <div class="form-group">
	      <div class="col-sm-8">
		      <label for="direccion">Direccion</label>
	          {{ $form->direccion }}
	      </div>
	    </div>
	    <div class="form-group">
	      <div class="col-sm-8">
		      <label for="telefonos">Teléfono:</label>
	          {{ $form->telefono }}
	      </div>
	    </div>
	    <div class="form-group">
	      <div class="col-sm-8">
		      <label for="email">Email</label>
	          {{ $form->email }}
	      </div>
	    </div>
	</div>	 
    
    
    <div class="col-sm-12" role="tabpanel">
    	<ul class="nav nav-tabs" style="background-color: #fafafa;" role="tablist">
			<li role="presentation" class="active"><a class="@if(Session::has('contactos_errors')) text-danger @endif" href="#contacto" aria-controls="contacto" role="tab" data-toggle="tab">@if(Session::has('contactos_errors'))* @endif Personas de Contacto</a></li>
		</ul>
		<div class="tab-content">
		   <div role="tabpanel" class="tab-pane active" id="contacto">
		   		<div class="col-md-14 col-sm-14">
			    	<table class="table table-bordered table-condensed">
			    		<thead>
			    			<tr>
			    				<th></th>
			    				<th>Notificar</th>
			    				<th>Sufijo</th>
			    				<th>Cargo</th>
			    				<th>Area</th>
			    				<th>Nombres</th>
			    				<th>Email</th>
			    				<th>Convencional</th>
			    				<th>Celular</th>
			    				<th>Trabajo</th>
			    				{{--<th>Notificar</th>--}}
			    			</tr>
			    		</thead>
			    		<tbody id="contenedor-tr">
			    						    			@foreach($form->contactos_lista as $contacto)
			    			<tr>
			    				<td style="vertical-align: middle;">
			    					<a class="btn btn-link btn-xs eliminar-contacto" href="#"><span class="glyphicon glyphicon-trash"></span></a>
			    				</td>
			    				<td style="text-align: center; vertical-align: middle;">
			    					{{ $contacto->notificar }}
			    				</td>
			    				<td width="70">
			    					{{ $contacto->sufijo }}
			    				</td>
			    				<td>
			    					{{ $contacto->cargo }}
			    					{{ $errors->{'contacto_'.$it}->first('cargo', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td>
			    					{{ $contacto->area }}
			    					{{ $errors->{'contacto_'.$it}->first('area', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td width="300">
			    					{{ $contacto->nombres }}
			    					{{ $errors->{'contacto_'.$it}->first('nombres', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td width="200">
			    					{{ $contacto->email }}
			    					{{ $errors->{'contacto_'.$it}->first('email', '<span class="text-danger">:message</span>') }}
		    					</td>
			    				<td>
			    					{{ $contacto->convencional }}
			    					{{ $errors->{'contacto_'.$it}->first('convencional', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td>
			    					{{ $contacto->celular }}
			    					{{ $errors->{'contacto_'.$it}->first('celular', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td>
			    					{{ $contacto->trabajo }}
			    					{{ $errors->{'contacto_'.$it}->first('trabajo', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				{{--<td>{{ $contacto->notificar }}</td>--}}
			    			</tr>
			    						    			@endforeach
			    		</tbody>
			    		<tfoot>
			    			<tr>
			    				<td colspan="10">
			    					<a id="agregar-contacto" class="btn btn-link btn-sm" href="#"><i class="glyphicon glyphicon-plus"></i>&nbsp;Agregar Contacto</a>
			    				</td>
			    			</tr>
			    		</tfoot>
			    	</table>
			    </div>
		    </div>
		</div><!--tab content -->
	</div>
	   
	   
    <div class="col-sm-12">
        <button type="submit" class="btn btn-success">
            <span class="glyphicon glyphicon-floppy-disk"></span>
            Guardar
        </button>
    </div>
    
    <div class="clearfix"></div>    
	<div class="col-md-12"><hr/></div>
  </form>
@endsection

@section('js-footer')
{{ HTML::script('js/contacto.js') }}
<script type="text/javascript">
	var it = 0;
	@if($it > 0)
		it = '{{ $it }}';
	@endif
    $(function(){
    	
		//para agregar un contacto en la tabla
	        $('#agregar-contacto').click(function(e){
	        	e.preventDefault();
	        	var tr = crearContactoForm(it);
	        	it++;
	        	$('#contenedor-tr').append(tr);
	        });
	        //para eliminar un contacto de la tabla
	        $('.eliminar-contacto').click(function(e){
	        	e.preventDefault();
	        	eliminarContactoForm($(this));
	        });
      }); 
</script >
@endsection