@extends('layouts.app')

@section('styles')
	<link rel="stylesheet" href="{{ asset('assets/vendor/flatpickr/flatpickr.min.css') }}">
@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>{{ __('Billing') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto"> {{ __('Billing') }} 
				  @if ($myinvoice->organisationname != null)
				  	{{ $myinvoice->organisationname }}
				  @else
				  	{{ $myinvoice->name }}
				  @endif
				  </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="#mybilling">{{ __('Details') }}</a>
                      </li>
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">
				  
				  	<div class="tab-content">
					
						<div role="tabpanel" class="tab-pane active show" id="mybilling">
							<form method="POST" action="/billing">
								{{ csrf_field() }}
								{{ method_field('PATCH') }}
								
								<input type="hidden" name="invoiceID" value="{{ $myinvoice->id }}">
								<input type="hidden" name="update" value="true">
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="name" name="name" value="{{ $myinvoice->organisationname }}" placeholder="{{ __('Company Name') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>								
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="email" class="form-control" id="email" name="email" value="{{ $myinvoice->organisationemail }}" placeholder="{{ __('Email Address') }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="attn" name="attn" value="{{ $myinvoice->attn }}" placeholder="{{ __('Attention of') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row">								
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="address" name="address" value="{{ $myinvoice->address }}" placeholder="{{ __('Address') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<div class="row">
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="postalcode" name="postalcode" value="{{ $myinvoice->postalcode }}" placeholder="{{ __('Postal code') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>								
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="city" name="city" value="{{ $myinvoice->place }}" placeholder="{{ __('City') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <input type="text" class="form-control" id="country" name="country" value="{{ $myinvoice->country }}" placeholder="{{ __('Country') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<div class="card-body border-top">
									<div class="row">
										<div class="col-md-12 text-center">
											<h1> {{ __('Invoice') }} </h1>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-6 col-md-2">
											{{ __('Invoice date') }}:
										</div>								
										<div class="col-sm-6 col-md-4">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="text" class="form-control" id="invoicedate" name="invoicedate" value="{{ $myinvoice->invoicedate }}" required="">
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-sm-6 col-md-2">
											{{ __('VAT number') }}:
										</div>								
										<div class="col-sm-6 col-md-4">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="text" class="form-control" id="vatnumber" name="vatnumber" value="{{ $myinvoice->vatnumber }}" placeholder="{{ __('VAT number') }}">
					                        </div>
					                        <!-- /.form-group -->
										</div>								
									</div>
									<div class="row">
										<div class="col-sm-6 col-md-2">
											{{ __('Invoice number') }}:
										</div>								
										<div class="col-sm-6 col-md-4">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="text" class="form-control" id="invoicenumber" name="invoicenumber" value="{{ $myinvoice->invoicenumber }}" required="">
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-sm-6 col-md-2">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="text" class="form-control" id="other" name="other"  value="{{ $myinvoice->other }}">
					                        </div>
					                        <!-- /.form-group -->
										</div>								
										<div class="col-sm-6 col-md-4">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="text" class="form-control" id="otherinfo" name="otherinfo"  value="{{ $myinvoice->otherinfo }}">
					                        </div>
					                        <!-- /.form-group -->
										</div>
									</div>								
								</div>
								<div class="card-body border-top">
									<div class="row">
										<div class="col-md-1">
											<h6> {{ __('Quantity') }} </h6>
										</div>
										<div class="col-md-2">
											<h6> {{ __('Product') }} </h6>
										</div>
										<div class="col-md-5">
											<h6> {{ __('Description') }} </h6>
										</div>
										<div class="col-md-2">
											<h6> {{ __('Unit Price') }} </h6>
										</div>
										<div class="col-md-2">
											<h6> {{ __('Amount') }} </h6>
										</div>
									</div>
									@php
										$row = 0;
									@endphp
									@foreach ($myinvoicerows as $myinvoicerow)
										<div class="row">
											<div class="col-md-1">
						                        <!-- .form-group -->
						                        <div class="form-group">
						                          <input type="number" class="form-control" id="q{{ $row }}" name="q[{{ $row }}]" value="{{ $myinvoicerow->quantity }}">
						                        </div>
						                        <!-- /.form-group -->
											</div>
											<div class="col-md-2">
						                        <!-- .form-group -->
						                        <div class="form-group">
						                          <input type="text" class="form-control" id="p{{ $row }}" name="p[{{ $row }}]" value="{{ $myinvoicerow->productID }}" readonly>
						                        </div>
						                        <!-- /.form-group -->
											</div>
											<div class="col-md-5">
						                        <!-- .form-group -->
						                        <div class="form-group">
						                          <input type="text" class="form-control" id="d{{ $row }}" name="d[{{ $row }}]" value="{{ $myinvoicerow->description }}">
						                        </div>
						                        <!-- /.form-group -->
											</div>
											<div class="col-md-2">
						                        <!-- .form-group -->
						                        <div class="input-group">
													<label class="input-group-prepend" for="u{{ $row }}"><span class="badge">€</span></label>
													<input type="number" class="form-control" style="text-align:right;" id="u{{ $row }}" name="u[{{ $row }}]" step="0.01" @if ($myinvoicerow->unitprice!==null) value="{{ $myinvoicerow->unitprice }}" @endif>
												</div>
						                        <!-- /.form-group -->
											</div>
											<div class="col-md-2">
						                        <!-- .form-group -->
						                        <div class="input-group">
													<label class="input-group-prepend" for="a{{ $row }}"><span class="badge">€</span></label>
													<input type="number" class="form-control" style="text-align:right;" id="a{{ $row }}" name="a[{{ $row }}]" step="0.01" @if ($myinvoicerow->amount!==null) value="{{ $myinvoicerow->amount }}" @endif>
												</div>
						                        <!-- /.form-group -->
											</div>
										</div>
										@php
											$row ++;
										@endphp
                                    @endforeach
									<div class="row">
										<div class="col-md-1">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="number" class="form-control" id="q{{ $row }}" name="q[{{ $row }}]">
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <select class="custom-select" id="p{{ $row }}" name="p[{{ $row }}]">
                                                <option value="">{{ __('Other') }}</option>
                                                @foreach ($products as $product)
        										    <option value="{{ $product->productCode }}" data-productname="{{ __($product->productname) }}" data-price="{{ __($product->price) }}">{{ __($product->productCode) }} {{ __($product->productname) }}</option>
    											@endforeach
                                              </select>
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-md-5">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <!-- .form-group -->
					                          <div class="form-group">
					                            <input type="text" class="form-control" id="d{{ $row }}" name="d[{{ $row }}]">
					                          </div>
					                          <!-- /.form-group -->
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="input-group">
												<label class="input-group-prepend" for="u{{ $row }}"><span class="badge">€</span></label>
												<input type="number" class="form-control" style="text-align:right;" id="u{{ $row }}" name="u[{{ $row }}]" step="0.01">
											</div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="input-group">
												<label class="input-group-prepend" for="a{{ $row }}"><span class="badge">€</span></label>
												<input type="number" class="form-control" style="text-align:right;" id="a{{ $row }}" name="a[{{ $row }}]" step="0.01">
											</div>
					                        <!-- /.form-group -->
										</div>
									</div>
									<div class="row">
										<div class="col-md-8">
											
										</div>
										<div class="col-md-2">
											<h6> {{ __('Total (excl. VAT)') }} </h6>
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="input-group">
												<label class="input-group-prepend" for="totalex"><span class="badge">€</span></label>
												<input type="number" class="form-control" style="text-align:right;" id="totalex" name="totalex" step="0.01" value="{{ $myinvoice->totalex }}" required="">
											</div>
					                        <!-- /.form-group -->
										</div>
									</div><br>
									<div class="row">
										<div class="col-md-8">
											
										</div>
										<div class="col-md-1">
											<h6> {{ __('VAT') }} (%) </h6>
										</div>
										<div class="col-md-1">
					                        <!-- .form-group -->
					                        <div class="form-group">
					                          <input type="number" class="form-control" id="vat" name="vat" step="0.1" value="{{ $myinvoice->vat }}" required="">
					                        </div>
					                        <!-- /.form-group -->
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="input-group">
												<label class="input-group-prepend" for="vatamount"><span class="badge">€</span></label>
												<input type="number" class="form-control" style="text-align:right;" id="vatamount" name="vatamount" step="0.01" value="{{ $myinvoice->vatamount }}" required="">
											</div>
					                        <!-- /.form-group -->
										</div>
									</div>
									<div class="row">
										<div class="col-md-8">
											
										</div>
										<div class="col-md-2">
											<h6> {{ __('Total (incl. VAT)') }} </h6>
										</div>
										<div class="col-md-2">
					                        <!-- .form-group -->
					                        <div class="input-group">
												<label class="input-group-prepend" for="totalin"><span class="badge">€</span></label>
												<input type="number" class="form-control" style="text-align:right;" id="totalin" name="totalin" step="0.01" value="{{ $myinvoice->totalin }}" required="">
											</div>
					                        <!-- /.form-group -->
										</div>
									</div>
								</div>	
								<div class="card-body border-top">
									<div class="row">
										<div class="col-sm-12 col-md-12">
											<!-- .form-group -->
					                        <div class="form-group">
												<textarea class="form-control" id="terms" name="terms" required="">{{ $myinvoice->terms }}</textarea>
					                        </div>
					                        <!-- .form-group -->
										</div>
									</div>
								</div>
								<div class="card-body border-top">
									
									@php
										$facilitatorname = '';
										$sessionname = '';
										$groupname = '';
									@endphp
									
									@foreach ($myinvoicedetails as $invoicedetail)
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][name]" value="{{ $invoicedetail->name }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][email]" value="{{ $invoicedetail->email }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][profilename]" value="{{ $invoicedetail->profilename }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][profileDate]" value="{{ $invoicedetail->profileDate }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][sessionID]" value="{{ $invoicedetail->sessionID }}">
    									<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][sessionname]" value="{{ $invoicedetail->sessionname }}">
    									<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][groupID]" value="{{ $invoicedetail->groupID }}">
    									<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][groupname]" value="{{ $invoicedetail->groupname }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][information]" value="{{ $invoicedetail->information }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][facilitatorname]" value="{{ $invoicedetail->facilitatorname }}">
										<input type="hidden" name="mybilling[{{ $invoicedetail->id }}][facilitatorID]" value="{{ $invoicedetail->facilitatorID }}">
										
										@if (($invoicedetail->facilitatorname != null ) && ($invoicedetail->facilitatorname != $facilitatorname))
											<br>
											<div class="row">
												<h6>{{ __('Facilitator') }}: {{ $invoicedetail->facilitatorname }}</h6>
											</div>
											<div class="row">
												<div class="col-sm-6 col-md-4">
													<h6>{{ __('Name') }}</h6>
												</div>
												<div class="col-sm-6 col-md-4">
													<h6>{{ __('Email') }}</h6>
												</div>
												<div class="col-sm-6 col-md-1">
													<h6>{{ __('Profile') }}</h6>
												</div>
												<div class="col-sm-6 col-md-3">
													<h6>{{ __('Date') }}</h6>
												</div>
											</div>
											
											@php
												$facilitatorname = $invoicedetail->facilitatorname;
											@endphp
										@endif
										
										@if (($invoicedetail->sessionname != null ) && ($invoicedetail->sessionname != $sessionname))
											<br>
											<div class="row">
												<div class="col-sm-6 col-md-4">
													{{ __('Session') }}: {{ $invoicedetail->sessionname }}
												</div>
												<div class="col-sm-6 col-md-5">
													{{ $invoicedetail->information }}
												</div>
												<div class="col-sm-6 col-md-3">
												    {{ \Carbon\Carbon::parse($invoicedetail->sessionDate)->format('d-m-Y') }}
												</div>
											</div>
											
											@php
												$sessionname = $invoicedetail->sessionname;
											@endphp
										@endif
										
										@if (($invoicedetail->groupname != null ) && ($invoicedetail->groupname != $groupname))
											<br>
											<div class="row">
												<div class="col-sm-6 col-md-4">
													{{ __('Group') }}: {{ $invoicedetail->groupname }}
												</div>
											</div>
											
											@php
												$groupname = $invoicedetail->groupname;
											@endphp
										@endif
										
										<div class="row">
											<div class="col-sm-6 col-md-4">
												<a data-toggle="modal" data-target="#deleteModal-{{$invoicedetail->id}}" href="#"> {{ $invoicedetail->name }} </a>
											</div>
											<div class="col-sm-6 col-md-4">
												{{ $invoicedetail->email }}
											</div>
											<div class="col-sm-6 col-md-1">
												{{ strtok($invoicedetail->profilename, " ") }}
											</div>
											<div class="col-sm-6 col-md-3">
											    {{ \Carbon\Carbon::parse($invoicedetail->profileDate)->format('d-m-Y H:i:s') }}
											</div>
										</div>
										<!-- Delete billing modal -->
						              	<div class="modal fade" id="deleteModal-{{$invoicedetail->id}}" tabindex="-1" role="dialog" aria-labelledby="DeleteLabel" aria-hidden="true">
											<!-- .modal-dialog -->
											<div class="modal-dialog" role="document">
							                 	<!-- .modal-content -->
							                 	<div class="modal-content">
							                			<!-- .modal-header -->
							                   		<div class="modal-header">
							                      		<h5 class="modal-title">{{ __('Delete this line') }}</h5>
							                    		</div>
							                        <!-- /.modal-header -->
							                       	<!-- .modal-body -->
							                        	<div class="modal-body">
							                              <p>{{ __('Are you sure you want to delete the following profile from this invoice: ') }}</br> {{ $invoicedetail->name }} ({{ $invoicedetail->email }}) - {{ $invoicedetail->profileDate }}</p>
							                              <p>{{ __('Warning: this action cannot be undone.') }}</p>
														  <p>{{ __('DO NOT FORGET TO MANUALLY UPDATE THE INVOICE VALUES!') }}</p>
							                      	</div>
							                      	<!-- /.modal-body -->
							                  		<!-- .modal-footer -->
							                   		<div class="modal-footer">
														<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:window.location='/billing/deleteinvoiceline/{{ $invoicedetail->id }}'">{{ __('Delete Profile') }}</button>
							                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
							                	    	</div>
							                    		<!-- /.modal-footer -->
							           			</div>
							                   	<!-- /.modal-content -->
											</div>
											<!-- /.modal-dialog -->
										</div>
										<!-- /.modal -->
									@endforeach
								</div>
								<div class="card-body border-top">
									<div class="row">
										<div class="col-sm-12 col-md-6">
											<!-- .form-group -->
					                        <div class="form-group">                        
												<button type="submit" class="btn btn-primary" name="pdf" value="summary">{{ __('Draft Summary PDF') }}</button>
												<button type="submit" class="btn btn-primary" name="pdf" value="full">{{ __('Draft Full PDF') }}</button>
												<button type="submit" class="btn btn-primary" name="submit">{{ __('Send Invoice') }}</button>
											</div>
					                        <!-- .form-group -->
										</div>
									</div>
								</div>
							</form>
						</div>

					  </div>
 					  <!-- /.tab-content -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
    <script src="{{ asset('assets/vendor/flatpickr/flatpickr.min.js') }}"></script>
	<script>
	$(function() {
    		return flatpickr('#invoicedate', {
      		disableMobile: true,
      		altInput: true,
      		altFormat: 'd-m-Y',
      		dateFormat: 'd-m-Y'
    		});
	});
	$('#p{{ $row }}').on('change',function(){
        var productname = $(this).children('option:selected').data('productname');
        $('#d{{ $row }}').val(productname);
        var price = $(this).children('option:selected').data('price');
        $('#u{{ $row }}').val(price);
    });
	</script>
@endpush