@extends('app.master')
@section('title',$title)
@section('breadcrumb')       
    @include('app.layouts.rent.breadcrumb',[
        'pageTitle' => $title,
        'lists' => [
            [
                'link'  => '#',
                'name'  => 'Rent Configuration',
            ],
            [
                'link'  => 'rent.config',
                'name'  => 'Configuration',
            ],
            [
                'link'  => '#',
                'name'  => $title, 
            ]
        ]
    ])
@endsection
@section('content')
<div class="col-md-12">
  <div class="card">
    <div class="card-header tx-medium bd-0 tx-white bg-indigo">@yield('title')</div>
       
      <div class="card-header bg-gray-400 bd-b-0-f pd-b-0">
        <nav class="nav nav-tabs">
          <a class="nav-link {{ $active }}" href="{{ route('rent.config') }}">Defaut Config</a>
          <a class="nav-link" href="{{ route('rent.config.reports') }}">Report Config</a>
        </nav>
      </div><!-- card-header -->
      <div class="card-body bd bd-t-0 tab-content">
        <div id="defaultRentConfig" class="tab-pane {{ $active }} show">
            @include('app.layouts.alert')
            <form method="POST" action="{{ route('configs.store') }}">
                @csrf
                  <div class="row">
                    
                    <div class="col-md-6">
                      <fieldset class=" panel-primary border p-2">
                          <legend class="border float-none w-auto">Rent Head</legend>
                          <div class="row mb-3">
                              <label for="name" class="col-md-2 col-form-label text-md-end">{{ __('Rent Head') }}</label>
          
                              <div class="col-md-8">
                                <select id="rentHead" class="form-control select2 @error('rents.rentHead') is-invalid @enderror" name="rents.rentHead" data-placeholder="Choose one" required>
                                    @foreach($rentheads as $key => $renthead)
                                    <option value="{{ $key }}" {{ $key == config('rents.rentHead') ? 'selected' : '' }}>{{ $renthead }}</option>
                                    @endforeach
                                </select>
                              </div>
                          </div>
                          <div class="row mb-3">
                            <label for="name" class="col-md-2 col-form-label text-md-end">{{ __('Surcharge') }}</label>
        
                            <div class="col-md-8">
                              <select id="rentSurchargeHead" class="form-control select2 @error('rents.surchargeHead') is-invalid @enderror" name="rents.surchargeHead" data-placeholder="Choose one" required>
                                  @foreach($rentheads as $key => $renthead)
                                  <option value="{{ $key }}" {{ $key == config('rents.surchargeHead') ? 'selected' : '' }}>{{ $renthead }}</option>
                                  @endforeach
                              </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="name" class="col-md-2 col-form-label text-md-end">{{ __('Service Charge') }}</label>
        
                            <div class="col-md-8">
                              <select id="rentServiceChargeHead" class="form-control select2 @error('rents.serviceChargeHead') is-invalid @enderror" name="rents.serviceChargeHead" data-placeholder="Choose one" required>
                                  @foreach($rentheads as $key => $renthead)
                                  <option value="{{ $key }}" {{ $key == config('rents.serviceChargeHead') ? 'selected' : '' }}>{{ $renthead }}</option>
                                  @endforeach
                              </select>
                            </div>
                        </div>
                      
                      </fieldset>
                    </div>
                    <div class="col-md-6">
                      <fieldset class="border p-2">
                        <legend  class="border float-none w-auto">AIT</legend>
                            <div class="row mb-3">
                              <label for="name" class="col-md-2 col-form-label text-md-end">{{ __('Rent AIT') }}</label>
          
                              <div class="col-md-8">
                                <select id="rentAitHead" class="form-control select2 @error('rents.aitHead') is-invalid @enderror" name="rents.aitHead" data-placeholder="Choose one" required>
                                    @foreach($rentheads as $key => $renthead)
                                    <option value="{{ $key }}" {{ $key == config('rents.aitHead') ? 'selected' : '' }}>{{ $renthead }}</option>
                                    @endforeach
                                </select>
                              </div>
                            </div>

                            <div class="row mb-3">
                              <label for="aitPercentage" class="col-md-2 col-form-label text-md-end">{{ __('AIT Percentage') }}</label>
          
                              <div class="col-md-8">
                                  <input id="aitPercentage" type="number" min="1" step="1" class="form-control @error('rents.aitPercentage') is-invalid @enderror" name="rents.aitPercentage" value="{{ config('rents.aitPercentage') }}" required placeholder="{{ __('AIT Percentage') }}" autofocus> 
          
                                  @error('rents.aitPercentage')
                                      <span class="invalid-feedback" role="alert">
                                          <strong>{{ $message }}</strong>
                                      </span>
                                  @enderror
                              </div>
                            </div>
                      </fieldset>
                    </div>
                    <div class="col-md-6">
                      <fieldset class="border p-2">
                        <legend  class="border float-none w-auto">Surcharge</legend>
                              
                            <div class="row mb-3">
                              <label for="paymentDueDay" class="col-md-2 col-form-label text-md-end">{{ __('Payment Due Day') }}</label>
          
                              <div class="col-md-8">
                                  <input id="paymentDueDay" type="number" min="1" step="1" class="form-control @error('rents.paymentDueDay') is-invalid @enderror" name="rents.paymentDueDay" value="{{ config('rents.paymentDueDay') }}" required placeholder="{{ __('Payment Due Date') }}" autofocus> 
          
                                  @error('rents.paymentDueDay')
                                      <span class="invalid-feedback" role="alert">
                                          <strong>{{ $message }}</strong>
                                      </span>
                                  @enderror
                              </div>
                            </div>

                            <div class="row mb-3">
                              <label for="surchargeAmount" class="col-md-2 col-form-label text-md-end">{{ __('Surcharge Amount') }}</label>
          
                              <div class="col-md-8">
                                  <label class="col-form-label text-md-end">{{ __('This amount is applicable multiplying per day if the payment due date is over.') }}</label>
                                  <input id="surchargeAmount" type="number" min="1" step="1" class="form-control @error('rents.surchargeAmount') is-invalid @enderror" name="rents.surchargeAmount" value="{{ config('rents.surchargeAmount') }}" required placeholder="{{ __('Surcharge Amount') }}" autofocus> 
          
                                  @error('rents.surchargeAmount')
                                      <span class="invalid-feedback" role="alert">
                                          <strong>{{ $message }}</strong>
                                      </span>
                                  @enderror
                              </div>
                            </div>

                            <div class="row mb-3">
                              <label for="autoCalculateSurcharge" class="col-md-2 col-form-label text-md-end">{{ __('Surcharge Auto Calculation') }}</label>
          
                              <div class="col-md-8">
                                  <label class="col-form-label text-md-end">{{ __('Surcharge auto calculate and set it when payment') }}</label>
                                  <div class="col-lg-3">
                                    <label class="ckbox">
                                      <input type="hidden" id="autoCalculateSurcharge" name="rents.autoCalculateSurcharge" value="{{ config('rents.autoCalculateSurcharge') }}">
                                      <input type="checkbox" class="checkbox" {{ config('rents.autoCalculateSurcharge') ? 'checked' : '' }}><span>Auto Calculate</span>
                                    </label>
                                  </div>
                                  @error('rents.autoCalculateSurcharge')
                                      <span class="invalid-feedback" role="alert">
                                          <strong>{{ $message }}</strong>
                                      </span>
                                  @enderror
                              </div>
                            </div>
                            
                      </fieldset>
                    </div>

                  </div>
                  
                  <div class="col-md-12">
                      <div class="row mb-0">
                        <label for="button" class="col-md-12 col-form-label text-md-end"></label>
                        <div class="col-md-4">
                            <button type="submit" class="btn btn-primary">
                                {{ __('Save') }}
                            </button>
                            <button type="reset" class="btn btn-warning">
                                {{ __('Reset') }}
                            </button>
                        </div>
                      </div>
                  </div>
                  
                  
            </form>
        </div>
    </div><!-- card-body -->
  </div>
</div>
@endsection
@section('script')
@include('rent.configuration.ajax.config')
@endsection