@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
		    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
				<li><a href="/guard-tour">{!! trans('messages.manage').' '.trans('messages.route') !!}</a></li>
		    <li class="active">{!! $tour->title !!}</li>
		</ul>
	@stop

	@section('content')
		<h4><strong>{{ trans('messages.checkpoint') }}</strong> {{ trans('messages.configuration') }}</h4>
		<div class="row">
			<div class="col-sm-4">
				<div class="box-info">
					<h2><strong>{!! trans('messages.add_new') !!}</strong> {!! trans('messages.checkpoint') !!}</h2>
					{!! Form::open(['route' => ['point.store', $tour->id],'role' => 'form', 'class' => 'point-form','id' => 'point-form','data-table-refresh' => 'points-table']) !!}
						@include('tour_point._form')
					{!! Form::close() !!}
				</div>
			</div>
			<div class="col-sm-8">
				<div class="box-info full">
					<h2><strong>{!! trans('messages.list_all') !!}</strong> {!! trans('messages.checkpoint') !!}</h2>
					<div class="table-responsive">
						{!! Form::open(['route' => ['point.order',$tour->id],'role' => 'form', 'class'=>'config-menu-form','id' => 'config-menu-form','data-draggable' => 1, 'data-table-refresh' => 'points-table']) !!}
						<table class="table table-striped ajax-table" id="points-table" data-source="/guard-tour/listPoints?tour_id={{$tour->id}}" >
							<thead>
								<tr>
									<th>{!! trans('messages.option') !!}</th>
									<th>{!! trans('messages.title')  !!}</th>
									<th>{!! trans('messages.serial') !!}</th>
									<th>{!! trans('messages.order') !!}</th>
								</tr>
							</thead>
							<tbody class="draggable-container">
							</tbody>
						</table>
						{!! Form::submit(trans('messages.save'),['class' => 'btn btn-primary pull-right', 'style'=> 'margin:10px']) !!}
						{!! Form::close() !!}
					</div>
				</div>
			</div>
		</div>
	@stop