@extends('app')

@section('breadcrumbs')
	{!!Breadcrumbs::render('home.manager.reassign_requests',$upload)!!}
@endsection

@section('content')

	<div class="container-fluid">
		@if($reassign_requests->count() > 0)
			
			<div class="row">
				<div class="col-xs-offset-10">
					<button class="btn btn-default" id="request-all" data-upload-id="{{$upload->id}}" data-total-page="{{$upload->reassignRequests()->count()}}"> 
						<span class="fa fa-check"></span>
						Solicitar actuales
					</button>				
				</div>			
			</div>
			

			<table class="table table-striped">
				<thead>
					<th>
						CLIENTE
					</th>
					<th>
						GERENCIA ACTUAL
					</th>
					<th>
						ESTATUS
					</th>
					<th>
						
					</th>
				</thead>
				<tbody>
					@foreach($reassign_requests as $reassign_request)
						<tr>
							<td>
								{!!$reassign_request->client ? $reassign_request->client->full_name : '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>
								@if($reassign_request->status == App\ReassignRequest::WITHOUT_REQUEST)
									<button class="btn btn-success reassign-request-button request" data-id="{{$reassign_request->id}}" data-upload-id="{{$upload->id}}">
										Solicitar
									</button>
								@else	
									<button class="btn btn-success reassign-request-button request" data-id="{{$reassign_request->id}}" data-upload-id="{{$upload->id}}" disabled>
										Solicitar
									</button>
								@endif
								<button class="btn btn-danger delete-request-button" data-id="{{$reassign_request->id}}" data-upload-id="{{$upload->id}}">
									Cancelar
								</button>
							</td>
						</tr>
					@endforeach
					
				</tbody>
			</table>
			<div class="text-center">
				{!!$reassign_requests->render()!!}
			</div>
		@else
			<div class="alert alert-info">
				No se han hecho solicitudes.
			</div>
		@endif
	</div>
@endsection

@section('modals')
	@include('manager/reassign_requests/modals/confirm')
	@include('manager/reassign_requests/modals/delete')
	@include('manager/reassign_requests/modals/approve_all')
@endsection

@section('script')
	<script>
		$(function(){
			
			$('.reassign-request-button').click(function(){
				var request_id = $(this).attr('data-id');
				var upload_id = $(this).attr('data-upload-id');

				var modal = $('#confirm-modal');
				var action = laroute.action('Manager\ReassignRequestsController@update',{uploads: upload_id ,reassign_requests: request_id});

				modal.find('form').attr('action',action);
				modal.modal();

			});

			$('.delete-request-button').click(function(){
				var request_id = $(this).attr('data-id');
				var upload_id = $(this).attr('data-upload-id');

				var modal = $('#delete-modal');
				var action = laroute.action('Manager\ReassignRequestsController@destroy',{uploads: upload_id ,reassign_requests: request_id});

				modal.find('form').attr('action',action);
				modal.modal();

			});

			$('#request-all').click(function(){

				var upload_id = $(this).attr('data-upload-id');
				var total = $(this).attr('data-total-page');
				var action = laroute.action('Manager\ReassignRequestsController@postRequestAll',{uploads: upload_id});
				var ids = [];
				$('.request').each(function(){
					$('<input type="hidden">').attr({
					    name: 'ids[]',
					    value: $(this).attr('data-id')
					}).appendTo('#request-all-modal form');
				});
				
				
				$('#request-quantity').text("Se aprobaran las " + total + " solicitudes actuales.");	
				
				
				$('#request-all-modal form').attr('action',action);
				$('#request-all-modal').modal();
			});


		});
	</script>
@endsection