@extends('layout.backend.main')

@section('content')

<div class="page-content-container">
	<div class="page-content-row">
			<!-- BEGIN PAGE SIDEBAR -->

                @include('sidebars.customers')

			<!-- END PAGE SIDEBAR -->
			<div class="page-content-col">
				<!-- BEGIN PAGE BASE CONTENT -->
				<div class="profile">
					<div class="tabbable-line tabbable-full-width">
							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#tab_1_1" data-toggle="tab"> {!!trans('x.Overview')!!} </a>
								</li>
								<li>
									<a href="#tab_1_3" data-toggle="tab"> {!!trans('x.Edit')!!} </a>
								</li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab_1_1">
									<div class="row">
											<div class="col-md-3">
												<img src="/assets/images/no-position.jpg" style="max-width:100%;"/>
											</div>
											<div class="col-md-9">
												<div class="row">
													<div class="col-md-8 profile-info">
															<h1 class="font-green sbold uppercase">{!!$customer->companyname!!}</h1>
															<p>
																<strong>{!!$customer->sign!!}</strong><br>
																Ref. <strong>{!!$customer->name!!} {!!$customer->surname!!}</strong>
															</p>
															<p>
																<i class="fa fa-map-marker"></i> {!!$customer->address!!}<br>
																<i class="fa"></i> {!!$customer->postcode!!} {!!$customer->city!!} {!!$customer->province!!} - {!!$customer->country!!} <br>
															</p>
															<p>
																<i class="fa fa-phone"></i> {!!$customer->telephone!!} {!!$customer->mobile!!} <br>
																<i class="fa fa-envelope"></i> <a href="mailto:{!!$customer->email!!}"> {!!$customer->email!!} </a>
															</p>
															<!--
																<ul class="list-inline">
																</ul>
															-->
													</div>
												</div>
												<!--end row-->
												<div class="tabbable-line tabbable-custom-profile">
													<ul class="nav nav-tabs">
														<li class="active">
															<a href="#tab_orders" data-toggle="tab"> {!!trans('x.Orders')!!} </a>
														</li>
														<li>
															<a href="#tab_delivery" data-toggle="tab"> {!!trans('x.Delivery Addresses')!!}  </a>
														</li>
														<li>
															<a href="#tab_history" data-toggle="tab"> {!!trans('x.History')!!} </a>
														</li>
													</ul>
													<div class="tab-content">
															<!--Orders-->
															<div class="tab-pane active" id="tab_orders">
																<div class="portlet-body">
																	
																	@include('components.orders_table')

																</div>
															</div>
															<!--tab-pane-->
															<div class="tab-pane" id="tab_delivery">
																<div class="tab-pane active" id="tab_1_4_4">

																	<table id="delivery_addresses" class="table datatable table-condensed">
																		<thead>
																				<tr>
																					<th>{!!trans('x.Address')!!}</th>
																					<th>{!!trans('x.City')!!}</th>
																					<th>{!!trans('x.Country')!!}</th>
																					<th>{!!trans('x.Options')!!}</th>
																				</tr>
																		</thead>
																		<tbody>
																				@foreach ($customer->deliveries as $delivery)
																				<tr>
																					<td>{!!$delivery->address!!}</td>
																					<td>{!!$delivery->city!!} {!!$delivery->province!!}</td>
																					<td>{!!$delivery->country!!}</td>
																					<td>
                                                                                        <a href="#" data-toggle="modal" style="text-decoration:none"
                                                                                            data-target="#modal_edit_delivery_{{ $delivery->id }}">
                                                                                            <button class="btn btn-warning btn-xs">
                                                                                                <span class="fa fa-pencil"></span>
                                                                                            </button>
                                                                                        </a>

																						{!! X::confirmModal( '<span class="fa fa-ban"></span>', trans('x.Are you sure you want to delete this option?'), '/delivery/delete/'.$delivery->id, true, 'POST', 'btn btn-danger btn-xs', null ) !!}

																					</td>
																				</tr>
																				@endforeach
																		</tbody>
																	</table>

																	<a href="#" data-toggle="modal" data-target="#modal_add_delivery">
																		<button class="btn btn-main"> {{ trans('x.Add') }} </button>
																	</a>

																</div>
															</div>
															<!--tab-pane-->
															<div class="tab-pane" id="tab_history">
																<div class="tab-pane active" id="tab_1_5_5">
																	<div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible1="1">
																		
                                                                        @include('components.log_lines')

																	</div>
																</div>
															</div>
													</div>
												</div>
											</div>
									</div>
								</div>
								<!--tab_1_2-->
								<div class="tab-pane" id="tab_1_3">
									<div class="row profile-account">
											<div class="col-md-3">
												<ul class="ver-inline-menu tabbable margin-bottom-10">
													<li class="active">
														<a data-toggle="tab" href="#tab_personalinfo">
															<i class="fa fa-cog"></i> {!!trans('x.Personal info')!!} </a>
														<span class="after"> </span>
													</li>
												</ul>
											</div>
											<div class="col-md-9">
												<div class="tab-content">
													<div id="tab_personalinfo" class="tab-pane active">
														
														<form action="/customers/update" method="POST">
														<input type="hidden" name="id" value="{{$customer->id}}"
														
														<div class="panel panel-default">
															<div class="panel-body">
																<h3><span class="fa fa-user"></span> {!!trans('x.Profile')!!}</h3>
																<p></p>
															</div>
															<div class="panel-body form-group-separated">
																	<div class="form-group">
																		<label class="control-label">{!!trans('x.Company Name')!!}</label>
																		<input type="text" name="companyname" value="{{$customer->companyname}}" class="form-control" />
																	</div>
																	<div class="form-group">
																		<label class="control-label">{!!trans('x.First Name')!!}*</label>
																		<input type="text" name="name" value="{{$customer->name}}" class="form-control" />
																	</div>
																	<div class="row">
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Sign')!!}</label>
																			<input type="text" name="sign" value="{{$customer->sign}}" class="form-control" />
																		</div>
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Type')!!}</label>
																			<select name="type" class="form-control">
																																								@foreach ($types as $k =>$type)
																					<option value="{{ $type }}" @if ($customer->type==$type) selected @endif>
																					{{ trans('x.'.ucfirst($type)) }} </option>
																				@endforeach
																			</select>
																		</div>
																	</div>
																	<div class="row">
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Vat')!!}*</label>
																			<input type="text" name="vat" value="{{$customer->vat}}" class="form-control" data-required="true" />
																		</div>
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.C.F.')!!}</label>
																			<input type="text" name="cf" value="{{$customer->cf}}" class="form-control" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="control-label">{!!trans('x.Address')!!}*</label>
																		<input type="text" name="address" value="{{$customer->address}}" class="form-control" />
																	</div>
																	<div class="row">
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.City')!!}*</label>
																			<input type="text" name="city" value="{{$customer->city}}" class="form-control" />
																		</div>
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Province')!!}</label>
																			<input type="text" name="province" value="{{$customer->province}}" class="form-control" />
																		</div>
																	</div>
																	<div class="row">
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Postcode')!!}</label>
																			<input type="text" name="postcode" value="{{$customer->postcode}}" class="form-control" />
																		</div>
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Country')!!}</label>
																			<select name="country" class="form-control">
																				@foreach (Config::get('countries_'.Localization::getCurrentLocale()) as $code => $name)
																					<option value="{{$code}}" @if($code == $customer->country) selected @endif >
																						{{$name}}
																					</option>
																				@endforeach
																			</select>
																		</div>
																	</div>
																	<div class="row">
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Telephone')!!}</label>
																			<input type="text" name="telephone" value="{{$customer->telephone}}" class="form-control" />
																		</div>
																		<div class="form-group col-md-6">
																			<label class="control-label">{!!trans('x.Mobile')!!}</label>
																			<input type="text" name="mobile" value="{{$customer->mobile}}" class="form-control" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="control-label">{!!trans('x.Email')!!}</label>
																		<input type="text" name="email" value="{{$customer->email}}" class="form-control" />
																	</div>
																	<div class="form-group">
																		<label class="control-label">{!!trans('x.Language')!!}</label>
																		<select name="language" class="form-control" data-required="true">
																			@foreach (Config::get('localization.supported-for-select') as $code => $name)
																				<option value="{{$code}}" @if($customer->language == $code) selected @endif>{{$name}}</option>
																			@endforeach
																		</select>
																	</div>
																	<div class="form-group">
																		<button type="submit" class="btn btn-danger">{{trans('x.Save')}}</button>
																	</div>
															</div>
														</div>
													</form>
													</div>
												</div>
											</div>
											<!--end col-md-9-->
									</div>
								</div>
								<!--end tab-pane-->
							</div>
					</div>
				</div>
				<!-- END PAGE BASE CONTENT -->
			</div>
	</div>
</div>
<!-- END SIDEBAR CONTENT LAYOUT -->

{{-- MODALS --}}

@include('modals.customers.add_delivery')
{{-- note: modal ADD CUSTOMER is in sidebars.customers --}}

@foreach ($customer->deliveries as $delivery)
    @include('modals.customers.edit_delivery')
@endforeach


@stop