@extends('layouts.default')

@section('title')
@parent
Сайты проекта {{ $project->name }}
@stop

@section('js')
<script>
	$(document).ready(function() {
		$('.btn-get-code').unbind('click').on('click', function() {
			var l = Ladda.create(this);
			l.start();
			var btn = this;
			$.post(
							$(this).data('action'),
							function(data) {
								if (data.status === 'success') {
									$('#getCodeCodeToSiteContainer').html(data.codeToSite);
									$('#getCodeCodeToNewLeadContainer').html(data.codeToSendLead);
									$('#getCodeCodeToAbTestContainer').html(data.codeToAbTest);
									$('#getCodeModal').modal('show');
								}
							},
							'json'
							).always(function() {
				l.stop();
			});
			return false;
		});
	});
</script>
@stop

@section('modals')
<div id="getCodeModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<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">
				<p>Чтобы поставить код на сайт, необходимо выделить его. Нажмите на клавиатуре <b>"Ctrl+C"</b> или правой кнопкой мышки по полю и выберите «копировать». Данный код нужно вставить в самый низ шаблона вашего сайта, перед тегом <code>&lt;/body&gt;</code>.</p>
				<div id="getCodeCodeToSiteContainer"></div>
				<p>Для отправки заявки с сайта в LeadStat<br/>необходимо вызвать функцию <code>sendNewLead()</code>.</p>
				<div id="getCodeCodeToNewLeadContainer"></div>
				<p>Код для страницы AB-тестирования.</p>
				<div id="getCodeCodeToAbTestContainer"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@stop

@section('content')
<div class="row">
  <div class="col-md-12">
		<h4>Сайты проекта {{ $project->name }}</h4>
		<div class="table-responsive">
			<table class="table table-striped table-hover">
				<thead>
				<th>ID</th>
				<th>Ссылка</th>
				<th>Действия</th>
				</thead>
				<tbody>
					@foreach ($project->sites as $site)
					<tr>
						<td>
							{{ $site->id }}
						</td>
						<td>
							<a target="_blank" href="//{{ $site->url }}">{{ $site->url }}</a>
						</td>
						<td>
							<button class="btn btn-sm btn-default" onClick="location.href ='{{ action('SitesController@edit', array($project->id, $site->id)) }}'">Редактировать</button>
							<button class="btn btn-sm btn-default action_confirm" type="button" data-method="delete" href="{{ action('SitesController@destroy', array($project->id, $site->id)) }}">Удалить</button>
							<button class="btn btn-sm btn-info btn-get-code ladda-button" data-style="zoom-out" data-action="{{ action('SitesController@getCode', array($project->id, $site->id)) }}" data-id="{{ $site->id }}">Получить код</button>
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
		<button class="btn btn-primary" onClick="location.href ='{{ URL::to('projects') }}/{{ $project->id }}/sites/create'">Добавить сайт</button>
	</div>
</div>
@stop
