@extends('app')

@section('content')
	<ol class="breadcrumb">
    <a href="#" class="back-btn">
      <span class="glyphicon glyphicon-arrow-left"></span> Regresar
    </a>        
		<li><a href="{{route('home')}}">Inicio</a></li>
		<li class="active">Compromisos</li>
	</ol>
	<div class="row">
	  <div class="col-sm-6 col-sm-offset-3">
	    {!! Form::open([
	      'action' => 'Executive\LiabilitiesController@index',
	      'method' => 'GET',
	      'class' => 'form-horizontal'
	    ])!!}
	      <fieldset>
	        <legend>Próximos Compromisos</legend>
	        <div class="form-group">
        		{!!Form::label('proclient_id','Cliente',['class'=>'col-sm-3 control-label'])!!}
	        	<div class="col-sm-7">
	        		{!!Form::select('proclient_id',[null=>'Todos mis clientes']+Auth::user()->proclients()->orderBy('a_paterno','id')->get()->lists('fullname','id')->all(),Input::get('proclient_id'),['class'=>'form-control'])!!}
	        	</div>
	        	<div class="col-sm-2">
	        		<button class="btn btn-default btn-block">
	        			<span class="fa-search fa fa-fw"></span>
	        		</button>
	        	</div>	
	        </div>
	      </fieldset>
	    {!! Form::close() !!}
	    <div class="list-group">
	      @forelse($appointments as $appointment)

	      <div class="list-group-item">
	        <div class="pull-right">
	          <button type="button" class="btn btn-primary btn-xs btn-liability" data-liability-id="{{$appointment->id}}">
	            Concretar
	          </button>
	        </div>
	        <h4 class="list-group-item-heading">	
          	{{$appointment->datetime->format('Y-m-d H:i')}}
	          <small>
	            {{$appointment->client->fullname}}
	          </small>
	        </h4>
	        <p class="list-group-item-text">{{$appointment->comments}}</p>
	      </div>
	      @empty
	      <div class="list-group-item">
	        No hay compromisos que mostrar
	      </div>
	      @endforelse
	      <div class="text-center">
	        {!! $appointments->appends(Input::all())->render() !!}
	      </div>
	    </div>
	  </div>
	</div> 

<!-- Modal -->
<div class="modal fade" id="cerrarCompromiso" tabindex="-1" role="dialog">
  <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">Concretar Compromiso</h4>
      </div>
      <div class="modal-body">
        <h4>¿Está seguro que desea concretar el siguiente compromiso?</h4>
        <div>
          <p>
            <strong>Fecha de la cita: </strong>
            <span id="datetime"></span>
          </p>
          <p>
            <strong>Lugar: </strong>
            <span id="location"></span>
          </p>
          <p>
            <strong>Ejecutivo: </strong>
            <span id="executive"></span>
          </p>
          <p>
            <strong>Cliente: </strong>
            <span id="client"></span>
          </p>

        </div>
      </div>
      <div class="modal-footer">

        {!!Form::open(['method'=>'DELETE','id'=>'concretar-compromiso'])!!}
          <button type="button" class="btn btn-primary" id="boton-compromiso" data-dismiss="modal">
            <span class="fa fa-fw fa-check"></span>Concretar Compromiso
          </button>       
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        {!!Form::close()!!}
      
      </div>
    </div>
  </div>
</div>
@stop




@section('script')
	<script>
		$(function(){
			
			$('.btn-liability').click(function(){

				$.ajax({
						url: '/api/liability/',
						data: {
							appointment: $(this).attr('data-liability-id'),
						},
						dataType: 'json',
						success: function(data) {

							if(data.status == 200){

								var appointment = data.appointment;
								var $modal = $('#cerrarCompromiso');

								$modal.find('#datetime').text(appointment.datetime);
								$modal.find('#location').text(appointment.location);
								$modal.find('#executive').text(appointment.user.first_name + " " + appointment.user.last_name);
								$modal.find('#client').text(appointment.client.nombre + " " + appointment.client.paterno + " " + appointment.client.materno); 


								$modal.modal('show');
							}
						},
						error: function(error) {
						}
				});

				/*Boton de cada modal que nos permite cerrar el compromiso*/

			}); 
			
				$('#boton-compromiso').click(function(){
					$('#concretar-compromiso').get(0).setAttribute('action', laroute.action('Executive\LiabilitiesController@destroy', {compromisos : $('.btn-liability').attr('data-liability-id')} ) );
					$('#concretar-compromiso').submit();
				});
		});		


	</script>






@stop