@extends('layouts.app')

@section('form-title') {{ __('Project invoice to types') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('settings') }}">{{ __('Settings') }}</a> </li> 
<li class="breadcrumb-item">{{ __('Project invoice to types') }} </li> 
@endsection
    
@section('content')

<div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <!-- Page body start -->
        <div class="page-body">
            {{-- Add section --}}
            @if(canViewUpdate('add project Invoice to types'))
            <div class="row">
                <div class="col-sm-12">
                  <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Add new "Project invoice to" option') }}</h5>
                    </div>
                    <div class="card-block">
                      <form method="post" action="{{ route('add.proj.invoice.to.type') }}">
                        @csrf
    
                        <div class="mb-3 row">
                            <div class="col-sm-4"><h5>{{ __('English') }}</h5></div>
                            <div class="col-sm-4"><h5>{{ __('Dutch') }}</h5></div>
                        </div>
    
                        <div class="mb-3 row">
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="title_en" value="{{ old('title_en') }}">
                                <span class="messages">
                                    @if($errors->has('title_en'))
                                    <p class="text-danger error">{{ $errors->first('title_en') }}</p>
                                    @endif
                                </span>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="title_nl" value="{{ old('title_nl') }}">
                                <span class="messages">
                                    @if($errors->has('title_nl'))
                                    <p class="text-danger error">{{ $errors->first('title_nl') }}</p>
                                    @endif
                                </span>
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                          <div class="col-sm-12">
                            <input type="hidden" name="type" value="{{ $type }}">
                            <button type="submit" class="btn btn-primary m-b-0">{{ __('Add') }}</button>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
            </div>
            @endif
            {{-- Edit section --}}
            <div class="row">
                <div class="col-sm-12">
                <!-- Basic Inputs Validation start -->
                <div class="card">
                    <div class="card-block">
                    <form id="main" method="post" action="{{ route('settings.update', $type) }}" novalidate>
                        @csrf
                        @method('PUT')

                        <div class="mb-3 row">
                            <div class="col-sm-4"><h5>{{ __('English') }}</h5></div>
                            <div class="col-sm-4"><h5>{{ __('Dutch') }}</h5></div>
                        </div>

                        @foreach ($project_invoice_types as $project_invoice_type)
                        <div class="mb-3 row" id="div{{ $project_invoice_type->id }}">
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="{{ $project_invoice_type->id }}[]" value="{{ old('type_'.$project_invoice_type->id, $project_invoice_type->title) }}">
                                <span class="messages">
                                    @if($errors->has('type_{{ $project_invoice_type->id }}'))
                                    <p class="text-danger error">{{ $errors->first("'type_'$project_invoice_type->id") }}</p>
                                    @endif
                                </span>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="{{ $project_invoice_type->id }}[]" value="{{ old('type_'.$project_invoice_type->id, __($project_invoice_type->title, [], 'nl')) }}">
                                <span class="messages">
                                    @if($errors->has('type_{{ $project_invoice_type->id }}'))
                                    <p class="text-danger error">{{ $errors->first("'type_'$project_invoice_type->id") }}</p>
                                    @endif
                                </span>
                            </div> 
                            @if(canViewUpdate('delete project Invoice to types'))
                            <div class="col-sm-2">
                                <a href="javascript:removeMe({{ $project_invoice_type->id }});" class="h3 remove-me"><i class="fa fa-times-circle text-danger"></i></a>
                            </div>
                            @endif
                        </div>
                        @endforeach
                        
                        @if(canViewUpdate('edit project Invoice to types'))
                        <div class="mb-3 row">
                          <div class="col-sm-12">
                              <input type="hidden" name="type" value="{{ $type }}">
                              <button type="submit" class="btn btn-primary m-b-0">{{ __('Update') }}</button>
                          </div>
                        </div>
                        @endif
                    </form>
                    </div>
                </div>
                </div>
            </div>
            {{-- Edit section ends --}}
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
@endsection
@push('child-scripts')
<script>
	function removeMe(me){
		swal({
			title: "Are you sure?",
			text: "",
			type: "warning",
			showCancelButton: true,
			confirmButtonClass: "btn-danger",
			confirmButtonText: "Yes, remove it!",
			closeOnConfirm: false
		},
		function(){
      swal.close();
      $('#div'+me).fadeOut();
      
      $.ajax({
        type: "POST",
        url: "{{ route('remove.proj.invoice.to.type') }}",
        data: {me: me},
        headers: {
          'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        success: function(data){
          //
        }
      });
		});
	}
</script>
@endpush