@extends('layouts.app')

@section('styles')
@endsection

@section('content')
		   <!-- .page -->
          <div class="page">
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-title-bar -->
              <header class="page-title-bar">
                <!-- .breadcrumb -->
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                      <a href="\">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Dashboard') }}</a>
					  <a href="\organisations">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Organisations') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto">{{ __('Create an Organisation') }}</h1>
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
              <!-- .page-section -->
              <div class="page-section">
                <!-- .card -->
                <section class="card card-fluid">
                  <!-- .card-header -->
                  <header class="card-header">
                    <!-- .nav-tabs -->
                    <ul class="nav nav-tabs card-header-tabs">
                      <li class="nav-item">
                        <a class="nav-link active show" role="tab" data-toggle="tab" href="#myorganisation">{{ __('Details') }}</a>
                      </li>
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">
				  <!-- .table-responsive -->
				  <div class="table-responsive">
				  
				  	<div class="tab-content">
   						<div role="tabpanel" class="tab-pane active" id="myorganisation">

						<form method="POST" action="/organisations">
						{{ csrf_field() }}
						
						<div class="row">
							<div class="col-sm-12 col-md-6">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="name">{{ __('Name') }}</label>
		                          <input type="text" class="form-control" id="name" name="name" placeholder="{{ __('Please enter a name') }}" required="">
		                        </div>
		                        <!-- /.form-group -->
							</div>								
							<div class="col-sm-12 col-md-6">
		                        <!-- .form-group -->
		                        <div class="form-group">
                                            <label for="attn">{{ __('Attention of') }}</label>
                                            <div class="input-group input-group-alt">
                                                <div class="input-group-prepend">
                                                    <select class="custom-select" id="sex" name="sex">
                                                        <option value="u">{{ __('Other') }}</option>
                                                        <option value="m">{{ __('Mr.') }}</option>
                                                        <option value="f">{{ __('Mrs.') }}</option>
                                                        <option value="d">{{ __('Dep.') }}</option>
                                                        <option value="fam">{{ __('Fam.') }}</option>
                                                    </select>
                                                </div>
                                                <input type="text" class="form-control" id="attnfn" name="attnfn" placeholder="{{ __('Please enter a first name') }}">
                                                <input type="text" class="form-control" id="attn" name="attn" placeholder="{{ __('Please enter a name') }}">
                                            </div>
                                        </div>
		                        <!-- /.form-group -->
							</div>	
						</div>
						<div class="row">
							<div class="col-sm-12 col-md-6">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="address">{{ __('Address') }}</label>
		                          <input type="text" class="form-control" id="address" name="address" placeholder="{{ __('Please enter an address line') }}" required="">
		                        </div>
		                        <!-- /.form-group -->
							</div>								
							<div class="col-sm-12 col-md-6">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="email">{{ __('Email Address') }}</label>
		                          <input type="email" class="form-control" id="email" name="email" placeholder="{{ __('Please enter an email address') }}" required="">
		                        </div>
		                        <!-- /.form-group -->
							</div>	
						</div>
						<div class="row">
							<div class="col-sm-6 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="postalcode">{{ __('Postal code') }}</label>
		                          <input type="text" class="form-control" id="postalcode" name="postalcode" placeholder="{{ __('Please enter a postal code') }}">
		                        </div>
		                        <!-- /.form-group -->
							</div>								
							<div class="col-sm-6 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="city">{{ __('City') }}</label>
		                          <input type="text" class="form-control" id="city" name="city" placeholder="{{ __('Please enter a place') }}" required="">
		                        </div>
		                        <!-- /.form-group -->
							</div>	
							<div class="col-sm-6 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="country">{{ __('Country') }}</label>
		                          <select class="custom-select" id="country" name="country">
									  <option value="">{{ __('Please enter a country') }}</option>
									  <option value="BE">{{ __('Belgium') }}</option>
									  <option value="DK">{{ __('Danmark') }}</option>
									  <option value="DE">{{ __('Germany') }}</option>
									  <option value="FR">{{ __('France') }}</option>
									  <option value="NL">{{ __('Netherlands') }}</option>
									  <option value="AE">{{ __('United Arab Emirates') }}</option>
			                       </select>
		                        </div>
		                        <!-- /.form-group -->
							</div>
							<div class="col-sm-6 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="phone">{{ __('Phone') }}</label>
		                          <input type="text" class="form-control" id="phone" name="phone" placeholder="{{ __('Please enter a phone number') }}">
		                        </div>
		                        <!-- /.form-group -->
							</div>
						</div>
						<div class="row border-top"><br></div>
						<div class="row">
							<div class="col-sm-12 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="terms">{{ __('Payment condition (days)') }}</label>
		                          <input type="number" class="form-control" id="terms" name="terms" placeholder="{{ __('Please enter the payment condition') }}" >
		                        </div>
		                        <!-- /.form-group -->
							</div>
							<div class="col-sm-12 col-md-3">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="vatnumber">{{ __('VAT number') }}</label>
		                          <input type="text" class="form-control" id="vatnumber" name="vatnumber" placeholder="{{ __('Please enter the VAT number') }}" >
		                        </div>
		                        <!-- /.form-group -->
							</div>
							<div class="col-sm-12 col-md-2">
		                        <!-- .form-group -->
		                        <div class="form-group">
		                          <label for="vat">{{ __('VAT') }} (%)</label>
		                          <input type="number" class="form-control" id="vat" name="vat" step="0.01" placeholder="{{ __('Please enter the VAT %') }}" >
		                        </div>
		                        <!-- /.form-group -->
							</div>
							<div class="col-sm-6 col-md-2">
		                        <!-- .form-group -->
			                    <div class="form-group">  
			                        <label for="license">{{ __('License cost') }}</label>
			                        <div class="input-group">
										<label class="input-group-prepend" for="license"><span class="badge">€</span></label>
										<input type="number" class="form-control" id="license" name="license" step="0.01" placeholder="{{ __('Please enter the yearly license cost') }}">
									</div>
								</div>	
		                        <!-- /.form-group -->
							</div>
							<div class="col-sm-6 col-md-2">
		                        <!-- .form-group -->
			                    <div class="form-group">  
			                        <label for="licensemonth">{{ __('License pay in month') }}</label>
			                        <select class="custom-select" id="licensemonth" name="licensemonth">
									  <option value="1">{{ __('January') }}</option>
									  <option value="2">{{ __('February') }}</option>
									  <option value="3">{{ __('March') }}</option>
									  <option value="4">{{ __('April') }}</option>
									  <option value="5">{{ __('May') }}</option>
									  <option value="6">{{ __('June') }}</option>
									  <option value="7">{{ __('July') }}</option>
									  <option value="8">{{ __('August') }}</option>
									  <option value="9">{{ __('September') }}</option>
									  <option value="10">{{ __('October') }}</option>
									  <option value="11">{{ __('November') }}</option>
									  <option value="12">{{ __('December') }}</option>
			                        </select>
		                        </div>
		                        <!-- /.form-group -->
							</div>
						</div>
						<div class="row border-top"><br></div>
						<div class="row">
					  		<div class="col-md-3">
					  			<p>{{ __('Profiles') }}</p>
							</div>
							<div class="col-md-2">
								<p>{{ __('Unit Price') }}</p>
							</div>
							<div class="col-md-1">
								<p>{{ __('Credits') }}</p>
							</div>
						</div>
						@foreach ($profiles as $profile)
						  	<div class="row">
						  		<div class="col-md-3">
						  			<p>&nbsp;&nbsp;&nbsp;{{ $profile->trans('profilename') }}</p>
								</div>
								<div class="col-md-2">
									<div class="input-group">
										<label class="input-group-prepend" for="price_{{$profile->id}}"><span class="badge">€</span></label>
										<input type="number" class="form-control" name="price_{{$profile->id}}" min="0" step="0.01">
									</div>
								</div>
								<div class="col-md-1">
									<input type="number" class="form-control" name="credit_{{$profile->id}}" min="0" step="1">
								</div>
							</div>
						@endforeach
						<div class="row">
					  		<div class="col-md-3">
					  			<p>&nbsp;&nbsp;&nbsp;{{ __('General') }}</p>
							</div>
							<div class="col-md-2">
								&nbsp;
							</div>
							<div class="col-md-1">
								<input type="number" class="form-control" name="credit_0" min="0" step="1">
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12 col-md-6">
								<!-- .form-group -->
		                        <div class="form-group">                        
									<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
		                        </div>
		                        <!-- .form-group -->
							</div>
						</div>
						</form>
						</div>
  				 	 </div>
					</div>
                    <!-- /.table-responsive -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
@endpush