@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-2 control-label'])!!}
                        <div class="col-sm-8">
                            {!!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>
                        <div class="form-group">
                                {!!Form::label('from','Desde',['class'=>'col-sm-2 control-label'])!!}
                                <div class="col-sm-4">
                                        <div class="input-group">
                                            <input type="text" name="since" class="form-control" id="since" value="{{request()->input('since', \Carbon\Carbon::today()->startOfMonth()->format('Y-m-d'))}}">
                                                <span class="calendar-btn input-group-addon" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                                        </div>
                                </div>
                                {!!Form::label('to','Hasta',['class'=>'col-sm-2 control-label'])!!}
                                <div class="col-sm-4">
                                    <div class="input-group">
                                            <input type="text" name="until" class="form-control" id="until" value="{{request()->input('until', \Carbon\Carbon::today()->endOfMonth()->format('Y-m-d'))}}">
                                                <span class="calendar-btn input-group-addon" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                                        </div>
                                </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>
                    @if($appointment->location)
                        <p class="list-group-item-text">
                            <strong>Ubicación: </strong>{{$appointment->location}}
                        </p>
                    @endif
                    <p class="list-group-item-text">
                        <strong>ESTATUS: </strong>{{ $appointment->client->status }}
                    </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>
                    <p>
                        <strong>Estatus: </strong>
                        <span id="estatus"></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.find('#estatus').text(appointment.client.status);
                                $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