@extends('pages/page')

@section('css')
	<link href="{{ asset('assets/css/page.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/customers.css') }}" rel="stylesheet">
@endsection

@section('js')
    
    
@endsection


@section('below_content')


<div class="row">
	<div class="col-md-12">
		<h3 id="current-addresses">Current delivery addresses</h3>

        @php
            $alerts = app(Cartalyst\Alerts\Alerts::class)->whereArea('book')->get();
        @endphp

        @foreach ($alerts as $alert)
            <div class="alert alert-{{ $alert->class }} alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ $alert->message }}
            </div>
        @endforeach
        
        
  </div>
  <div class="col-md-10">

    @if (!$addresses->isEmpty())
			<ul class="list-group">  
			@foreach ($addresses as $address)			
				<li class="list-group-item">{{ $address->render(', ')}}
					<div class="pull-right">
						<a href="{{ route('edit_address', array($address->id)) }}#address-form" class="btn btn-info btn-xs">Edit</a>
            <a class="bootbox-confirm btn btn-danger btn-xs" rel="Are you sure you want to delete this address?" href="{{ route('delete_address', array($address->id)) }}">Delete</a>
					</div>
				</li>
			@endforeach
			</ul>
    @else
    <p>You have no stored delivery addresses.</p>
    @endif
	</div>
</div>

  @if ($mode == 'add')
	<h3 id="address-form">Add an address</h3>
  @elseif ($mode == 'edit')
  <h3 id="address-form">Edit this address</h3>
  @endif

        @php
            $alerts = app(Cartalyst\Alerts\Alerts::class)->whereArea('form')->get();
        @endphp

        @foreach ($alerts as $alert)
            <div class="alert alert-{{ $alert->class }} alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ $alert->message }}
            </div>
        @endforeach


	<form id="form" class="in-page-form form-horizontal ajax" method="POST" action="/forms/address">
        {!! csrf_field() !!}
        <input type="hidden" name="address_id" value="{{ old('address_id', isset($current_address->id) ? $current_address->id : false) }}">
        <div id="errors">

            <div class="hidden template alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <span class="message"></span>
            </div>

            @if (count($errors) > 0)            
            <div class="alert alert-danger alert-dismissible" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                @foreach ($errors->all() as $error)
                    {{ $error }}<br />
                @endforeach
            </div>
            @endif
        </div>

        <div class="form-group">
            <label for="form-name" class="col-sm-2 control-label">Name<sup>*</sup></label>
            <div class="col-sm-8">              
              <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-name" name="name" value="{{ old('name', isset($current_address->name) ? $current_address->name : false) }}">
            </div>
          </div>  
          <div class="form-group">
            <label for="form-add_1" class="col-sm-2 control-label">Address 1<sup>*</sup></label>
            <div class="col-sm-8">
              <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-add_1" name="add_1" value="{{ old('add_1',isset($current_address->add_1) ? $current_address->add_1 : false) }}">
            </div>
          </div>  
           <div class="form-group">
            <label for="form-add_2" class="col-sm-2 control-label">Address 2</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="form-add_2" name="add_2" value="{{ old('add_2', isset($current_address->add_2) ? $current_address->add_2 : false) }}">
            </div>
          </div>  

          <div class="form-group">
            <label for="form-city" class="col-sm-2 control-label">City<sup>*</sup></label>
            <div class="col-sm-8">
              <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-city" name="city" value="{{ old('city', isset($current_address->city) ? $current_address->city : false) }}">
            </div>
          </div>  
          <div class="form-group">
            <label for="form-county" class="col-sm-2 control-label">County</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="form-county" name="county" value="{{ old('county', isset($current_address->county) ? $current_address->county : false) }}">
            </div>
          </div>  
          <div class="form-group">
            <label for="form-postcode" class="col-sm-2 control-label">Postcode<sup>*</sup></label>
            <div class="col-sm-4">
              <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-postcode" name="postcode" value="{{ old('postcode', isset($current_address->postcode) ? $current_address->postcode : false) }}">
            </div>
          </div>  
          <div class="form-group">
            <label for="form-email" class="col-sm-2 control-label">Email address</label>
            <div class="col-sm-8">              
              <input type="email" class="form-control" id="form-contat" name="email" value="{{ old('email', isset($current_address->email) ? $current_address->email : false) }}">
            </div>
          </div>  
          <div class="form-group">
            <label for="form-phone" class="col-sm-2 control-label">Telephone</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="form-phone" name="phone" value="{{ old('phone', isset($current_address->phone) ? $current_address->phone : false) }}">
            </div>
          </div>  
          
          <div class="form-group">
            <label for="form-mobile" class="col-sm-2 control-label">Mobile</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="form-mobile" name="mobile" value="{{ old('mobile', isset($current_address->mobile) ? $current_address->mobile : false) }}">
            </div>
          </div> 
          
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-info">@if (isset($current_address->id)) Update @else Add @endif</button>
            </div>
        </div>
        </form>
@endsection