@extends('layouts.default')

@section('title')
	@parent
	Заявки
@stop

@section('modals')
{{--
	<div id="editLeadModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				{{ Form::open(array('method' => 'post', 'id' => 'editLeadFrom')) }}
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Сохранить информацию о клиенте</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							{{ Form::label( 'lead_name', 'Имя:', array('class' => 'control-label') ) }}
							{{ Form::text( 'lead_name', '', array(
									'id' => 'lead_name',
									'required' => true,
									'class' => 'form-control'
									)) }}
						 </div>

						<div class="form-group">
							{{ Form::label( 'lead_phone', 'Телефон:', array('class' => 'control-label') ) }}
							{{ Form::text( 'lead_phone', '', array(
									'id' => 'lead_phone',
									'class' => 'form-control'
								 )) }}
						</div>

						<div class="form-group">
							{{ Form::label( 'lead_email', 'E-mail:', array('class' => 'control-label') ) }}
							{{ Form::email( 'lead_email', '', array(
									'id' => 'lead_email',
									'class' => 'form-control'
								 )) }}
						</div>

						<div class="form-group">
							{{ Form::label( 'lead_info', 'Примечание:', array('class' => 'control-label') ) }}
							{{ Form::textarea( 'lead_info', '', array(
									'id' => 'lead_info',
									'class' => 'form-control',
									'rows' => 4
									)) }}
						 </div>
					</div>
					<div class="modal-footer">
						<button id="editLeadSbmtBtn" type="submit" class="btn btn-primary ladda-button" data-style="zoom-out"><span class="ladda-label">Сохранить</span></button>
						<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
					</div>
					{{ Form::hidden( 'lead_edit_id', '', array( 'id' => 'lead_edit_id' )) }}
				{{ Form::close() }}
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
--}}
	<div id="deleteLeadModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				{{ Form::open(array('method' => 'post', 'id' => 'deleteLeadFrom')) }}
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Удалить заявку</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							{{ Form::label( 'lead_delete_info', 'Причина удаления:', array('class' => 'control-label') ) }}
							{{ Form::textarea( 'lead_delete_info', '', array(
									'id' => 'lead_delete_info',
									'required' => true,
									'class' => 'form-control',
									'rows' => 4
									)) }}
						 </div>
					</div>
					<div class="modal-footer">
						<button id="deleteLeadSbmtBtn" type="submit" class="btn btn-danger ladda-button" data-style="zoom-out"><span class="ladda-label">Удалить</span></button>
						<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
					</div>
					{{ Form::hidden( 'lead_delete_id', '', array( 'id' => 'lead_delete_id' )) }}
				{{ Form::close() }}
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
@stop

@section('js')
	<script>
		$(document).ready(function() {
			//Сохраняем измененную информацию о заявке и переносим в CRM
			$('.btn-edit-lead').unbind('click').on('click', function(){
				var l = Ladda.create(this);
				l.start();
				$.post(
					'{{ action('LeadController@sendToCRM') }}',
					{
						"lead_id":					$(this).data('leadId')
					},
					function(data) {
						if (data.status === 'success') {
							$('#lead_'+data.lead.id).fadeOut(function(){
								$(this).remove();
								var quant = parseInt($('#leadQuant').html());
								if (quant > 0) {
									$('#leadQuant').html(quant-1);
								}
								else {
									$('#leadQuant').html('0');
								}
								window.location = '/partner/'+data.partnerId;
								$('#editLeadModal').modal('hide');
							});
						}
						else {
							if (data.error_field) {
								$('#'+data.error_field).parent().addClass('has-error');
								$('#'+data.error_field).parent().append(
									$('<p>').addClass('help-block').text(data.error_message)
								);
							}
							else {
								$('#notifications').notify({
									message: { text: 'Заявка за вами не закреплена, вас кто-то опередил.' },
									type: 'danger',
									closable: false,
									fadeOut: {
										delay: 4500
									}
								}).show();							}
						}
					},
					'json'
				).always(function() { l.stop(); });
				return false;
			});
//			//Показываем окно редактирования заявки
//			$('.btn-edit-lead').unbind('click').on('click', function(){
//				$.post(
//					$(this).data('action'),
//					function(data) {
//						if (data.status === 'success') {
//							$('#lead_edit_id').val(data.lead.id);
//							$('#lead_name').val(data.lead.name);
//							$('#lead_phone').val(data.lead.phone);
//							$('#lead_email').val(data.lead.email);
//							$('#lead_info').val(data.lead.info);
//							$('#editLeadModal .has-error').each(function(){
//								$(this).removeClass('has-error');
//								$(this).find('p.help-block').remove();
//							});
//							$('#editLeadModal').modal('show');
//						}
//					},
//					'json'
//				);
//				return false;
//			});

			//Показываем окно удаления заявки
			$('.btn-delete-lead').unbind('click').on('click', function(){
				$.post(
					$(this).data('action'),
					function(data) {
						if (data.status === 'success') {
							$('#lead_delete_id').val(data.lead.id);
							$('#lead_info').val(data.lead.info);
							$('#editLeadModal .has-error').each(function(){
								$(this).removeClass('has-error');
								$(this).find('p.help-block').remove();
							});
							$('#deleteLeadModal').modal('show');
						}
					},
					'json'
				);
				return false;
			});

//			//Сохраняем измененную информацию о заявке и переносим в CRM
//			$('#editLeadFrom').submit(function(){
//				$('#editLeadFrom .has-error').find('p.help-block').remove();
//				$('#editLeadFrom .has-error').removeClass('has-error');
//				var l = Ladda.create($('#editLeadSbmtBtn').get()[0]);
//				l.start();
//				$.post(
//					'{{ action('LeadController@sendToCRM') }}',
//					{
//						"_token":						$(this).find('input[name=_token]').val(),
//						"lead_id":					$('#lead_edit_id').val(),
//						"lead_name":				$('#lead_name').val(),
//						"lead_phone":				$('#lead_phone').val(),
//						"lead_email":				$('#lead_email').val(),
//						"lead_info":				$('#lead_info').val()
//					},
//					function(data) {
//						if (data.status === 'success') {
//							$('#lead_'+data.lead.id).fadeOut(function(){
//								$(this).remove();
//								var quant = parseInt($('#leadQuant').html());
//								if (quant > 0) {
//									$('#leadQuant').html(quant-1);
//								}
//								else {
//									$('#leadQuant').html('0');
//								}
//								window.location = '/partner/'+data.partnerId;
//								$('#editLeadModal').modal('hide');
//							});
//						}
//						else {
//							if (data.error_field) {
//								$('#'+data.error_field).parent().addClass('has-error');
//								$('#'+data.error_field).parent().append(
//									$('<p>').addClass('help-block').text(data.error_message)
//								);
//							}
//							else {
//								$('#notifications').notify({
//									message: { text: 'Заявка за вами не закреплена, вас кто-то опередил.' },
//									type: 'danger',
//									closable: false,
//									fadeOut: {
//										delay: 4500
//									}
//								}).show();							}
//						}
//					},
//					'json'
//				).always(function() { l.stop(); });
//				return false;
//			});

			//Удаляем заявку
			$('#deleteLeadFrom').submit(function(){
				$('#deleteLeadFrom .has-error').find('p.help-block').remove();
				$('#deleteLeadFrom .has-error').removeClass('has-error');
				var l = Ladda.create($('#deleteLeadSbmtBtn').get()[0]);
				l.start();
				$.post(
					'{{ action('LeadController@delete') }}',
					{
						"_token":						$(this).find('input[name=_token]').val(),
						"lead_id":					$('#lead_delete_id').val(),
						"lead_info":					$('#lead_delete_info').val()
					},
					function(data) {
						if (data.status === 'success') {
							$('#deleteLeadModal').modal('hide');
							$('#lead_'+data.lead.id).fadeOut(function(){
								$(this).remove();
								var quant = parseInt($('#leadQuant').html());
								if (quant > 0) {
									$('#leadQuant').html(quant-1);
								}
								else {
									$('#leadQuant').html('0');
								}
							});
						}
						else {
							if (data.error_field) {
								$('#'+data.error_field).parent().addClass('has-error');
								$('#'+data.error_field).parent().append(
									$('<p>').addClass('help-block').text(data.error_message)
								);
							}
						}
					},
					'json'
				).always(function() { l.stop(); });
				return false;
			});

		});
	</script>
@stop

@section('content')
<div class="row">
  <div class="col-md-12">
		<div class="panel panel-default">
			<div class="panel-heading" id="refrenceStatusBtns">
				@foreach ($user->projects as $project)
				<a href="/lead?projectId={{ $project->id }}" class="btn btn-sm btn-default @if ($input['projectId'] == $project->id) active @endif" data-id="{{ $project->id }}">{{ $project->name }}</a>
				@endforeach
			</div>
			<div class="panel-body" id="leadsContainer">
				<table class="table table-striped table-hover">
					<thead>
						<th>Клиент</th>
						<th>Дата добавления</th>
						<th>E-mail</th>
						<th>Телефон</th>
						<th>Информация</th>
						<th class="lead-actions">Действия</th>
					</thead>
					<tbody>
						@foreach ($leads as $lead)
						<tr id="lead_{{ $lead->id }}">
							<td>
								<p id="lead_info_{{ $lead->id }}">
									{{ $lead->name }}
								</p>
								@if ($lead->getDataArray())
								<p>
									@foreach ($lead->getDataArray() as $key=>$value)
										@if(is_array($value))
											@foreach ($value as $key2=>$value2)
												@if(!is_array($value2))
												<b>{{ $key2 }}</b>: {{ $value2 }}<br/>
												@endif
											@endforeach
										@else
											<b>{{ $key }}</b>: {{ $value }}<br/>
										@endif
									@endforeach
								</p>
								@endif
							</td>
							<td>
								<p>
									<b>Добавлен <span class="date-to-humanize" data-date="{{ $lead->created_at }}">{{ $lead->created_at }}</span></b>
								</p>
							</td>
							<td>
								<p id="lead_info_{{ $lead->id }}">
									{{ $lead->email }}
								</p>
							</td>
							<td>
								<p>
									{{ $lead->phone }}
								</p>
							</td>
							<td class="project-name">
								<p>
									{{ $lead->project->name }}<br/>
									<small>
										{{ $lead->entrypoint }}<br/>
									</small>
								</p>
							</td>
							<td>
								<div class="btn-group btn-group-vertical lead-btns">
									<button class="btn btn-sm btn-block btn-success btn-edit-lead ladda-button" data-style="zoom-out" type="button" data-action="{{ action('LeadController@getLead', array($lead->id)) }}" data-lead-id="{{ $lead->id }}"><span class="ladda-label"><span class="glyphicon glyphicon-edit"></span> Взять в работу</span></button>
									@if (Sentry::check() && Sentry::getUser()->hasAnyAccess(array('admin', 'moderator')))
									<button class="btn btn-sm btn-block btn-default btn-delete-lead" type="button" data-action="{{ action('LeadController@getLead', array($lead->id)) }}"> <span class="glyphicon glyphicon-remove"></span> Удалить заявку</button>
									@endif
								</div>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
				{{ $leads->setBaseUrl('lead') }}
				{{ $leads->appends($input)->links() }}
			</div>
		</div>
  </div>
</div>

@stop