@extends('app')

@section('breadcrumbs')
	{!!Breadcrumbs::render('home.admin.reassign_requests')!!}
@endsection

@section('content')


		@if($reassign_requests->count() > 0)
	
			<div class="container-fluid">

		        <div class="row">
		        	{{Form::open(['method' => 'get'])}}
			            <div class="col col-xs-2">
			                {!!Form::label('from','Desde',['class' => 'label-control'])!!}
			                <div class="input-group">
			                    {!!Form::input('text','from',request()->input('from',\Carbon\Carbon::now()->startOfMonth()->startOfDay()->format('d/m/Y')),['class' => 'form-control date' ,'id' => 'from'])!!}
			                    <span class="calendar-btn input-group-addon"><i class="fa fa-calendar"></i></span>
			                </div>                         
			            </div>
			            <div class="col col-xs-2">
			                {!!Form::label('to','Hasta',['class' => 'label-control'])!!}
			                <div class="input-group">
			                    {!!Form::input('text','to',request()->input('to',\Carbon\Carbon::now()->endOfMonth()->endOfDay()->format('d/m/Y')),['class' => 'form-control date' ,'id' => 'to'])!!}
			                    <span class="calendar-btn input-group-addon"><i class="fa fa-calendar"></i></span>
			                </div>
			            </div>     
			            @if(auth()->user()->role == 'admin')
				            <div class="col-xs-2">
				            	{!!Form::label('management_id','Gerencia solicitante',['class' => 'label-control'])!!}
				            	{{Form::select('management_id',[null => 'Gerencia solicitante'] + App\Management::lists('name','id')->all(),request()->input('management_id'),['class' => ' select2','style' => 'width:100%','id' => 'client_id'])}} 
				            </div>

			            @endif
			            
			            <div class="col-xs-2">
			            	{!!Form::label('user_id','Solicitante',['class' => 'label-control'])!!}
			            	{{Form::select('user_id',[null => 'Usuario Solicitante'] + App\User::where('role','executive')->orWhere('role','manager')->lists('employee_number','id')->all(),request()->input('user_id'),['class' => ' select2','style' => 'width:100%','id' => 'client_id'])}} 
			            </div>	            	

		            	<div class="col-xs-4 text-center">
		            		<br>
			            	<button class="btn btn-primary" id="filter-button" type="submit">
			            		<i class="fa fa-search" aria-hidden="true"></i>
			            		Buscar
			            	</button>
							<button class="btn btn btn-success " id="approve-all" type="button">
								<span class="fa fa-check"></span>
								Aprobar todas
							</button>				
			            </div>
			        {!!Form::close()!!}
		        </div>
			   	<hr>	        
				<table class="table table-striped">
					<thead>
						<th>
						 	SOLICITANTE
						</th>
						<th>
							CLIENTE
						</th>
						<th>
							GERENCIA DESTINO
						</th>
						<th>
							GERENCIA ACTUAL
						</th>
						<th>
							ESTATUS
						</th>
						<th>
							FECHA DE SOLICITUD
						</th>
						<th></th>
					</thead>
					<tbody>
						@foreach($reassign_requests as $reassign_request)
							<tr>
								<td>
									{!!$reassign_request->user ? $reassign_request->user->employee_number : 'N/A'!!}
								</td>
								<td>
									{!!$reassign_request->client ? $reassign_request->client->full_name : 'N/A'!!}
								</td>
								<td>
									{!!$reassign_request->user ? ($reassign_request->user->management ? $reassign_request->user->management->name : 'N/A') : 'N/A'  !!}
								</td>
								<td>
									{!!$reassign_request->client ? ($reassign_request->client->management ? $reassign_request->client->management->name : 'N/A') : 'N/A'  !!}
								</td>
								<td>
									{{trans('reassign_requests.status.'.$reassign_request->status)}}
								</td>
								<td>
									{!!$reassign_request->created_at->format('d/m/Y')!!}
								</td>
								<td>
									@if($reassign_request->status == 1)
										<button class="btn btn-success approve" data-id="{{$reassign_request->id}}">
											<span class="fa fa-check"></span>
											Aprobar
										</button>
										<button class="btn btn-danger reject" data-id="{{$reassign_request->id}}">
											<span class="fa fa-times"></span>
											Reachazar
										</button>
									@endif
								</td>
							</tr>
						@endforeach
						
					</tbody>
				</table>
				<div class="text-center">
					{!!$reassign_requests->render()!!}
				</div>
			</div>	
		@else
			<div class="container-fluid">
				<div class="alert alert-info">
					No se han hecho solicitudes.
				</div>
			</div>
		@endif
		
@endsection

@section('modals')
	@include('admin/reassign_requests/modals/reject')
	@include('admin/reassign_requests/modals/approve')
	@include('admin/reassign_requests/modals/approve_all')
@endsection

@section('script')

	{!! Html::script('js/select2.full.js')!!}

    {!! Html::script('js/vendor/jquery/ui/core.min.js') !!}
    {!! Html::script('js/vendor/jquery/ui/widget.min.js') !!}
    {!! Html::script('js/vendor/jquery/ui/datepicker.min.js') !!}
	
	<script>
		$(function(){
		$('.select2').select2({theme:"bootstrap"});

			var maxDate = new Date();
			    maxDate.setFullYear(maxDate.getFullYear() + 2);
			    $.datepicker.regional['es'] = {
			      closeText: 'Cerrar',
			      prevText: 'Anterior',
			      nextText: 'Siguiente',
			      currentText: 'Hoy',
			      monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			      monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
			      dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
			      dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
			      dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
			      weekHeader: 'Sm',
			      dateFormat: 'yy-mm-d',
			      firstDay: 1,
			      isRTL: false,
			      showMonthAfterYear: false,
			      yearSuffix: '',
			      maxDate: maxDate
			    };

		    $.datepicker.setDefaults($.datepicker.regional['es']);		
		    // Validación/Reestricción de fechas en campo date 'Hasta'
		    $('#from').datepicker({
		        dateFormat:'dd/mm/yy',
		        onSelect: function (date) {
		            $('#to').datepicker('option', 'minDate', date);
		        }
		    });
		    $('#to').datepicker({dateFormat : 'dd/mm/yy'});

		    /*Estilo para el tamaño del calendario*/
		    $('#from').focus(function(){
		        $('.ui-datepicker').css('width', $(this).parents().find('.input-group').width() + 'px');
		        font_size = parseFloat($(this).parents().find('.input-group').css('font-size'));
		        $('.ui-datepicker').css('font-size', font_size -0.5);
		    });
		    $('#to').focus(function(){
		        $('.ui-datepicker').css('width', $(this).parents().find('.input-group').width() + 'px');
		        font_size = parseFloat($(this).parents().find('.input-group').css('font-size'));
		        $('.ui-datepicker').css('font-size', font_size -0.5);
		    });		
		    

			$('.approve').click(function(){
				var action = laroute.action('Admin\ReassignRequestsController@update',{reassign_requests:$(this).attr('data-id')});
				$('#approve-modal form').attr('action',action);

				$('#approve-modal').modal();

			});

			$('.reject').click(function(){
				var action = laroute.action('Admin\ReassignRequestsController@update',{reassign_requests:$(this).attr('data-id')});
				$('#reject-modal form').attr('action',action);
				$('#reject-modal').modal();
			});

			$('#approve-all').click(function(){
				var action = laroute.action('Admin\ReassignRequestsController@updateAll',{reassign_requests:$(this).attr('data-id')});
				var ids = [];
				$('.approve').each(function(){
					$('<input type="hidden">').attr({
					    name: 'ids[]',
					    value: $(this).attr('data-id')
					}).appendTo('#approve-all-modal form');
				});

				$('#approve-all-modal form').attr('action',action);
				$('#approve-all-modal').modal();
			});

		});
	</script>
@endsection


@section('style')
    @parent
    
    {!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}
    {!!Html::style('css/vendor/jquery-ui/thms/flick/jquery-ui.min.css') !!}
    {!!Html::style('css/vendor/jquery-ui/thms/flick/theme.css') !!}

@endsection