@extends('layouts.adminapp')

@section('content')
<style>
.richTextBtn{
    padding: 3px;
    font-size: 13px;
}
</style>

{{-- Designation --}}
<x-app-flash/>
  
  <div class="card">
    <div class="card-header py-3 d-flex flex-row justify-content-between">
        <h1 class="h3 mb-2 text-gray-800">{{$ApplicationForm->title}} </h1> 
        <div>
          <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('NOCRegistration.index')}}">
              <span class="icon text-white-50">
                  <i class="fas fa-arrow-left"></i>
              </span>
              <span class="text">{{__('lng.Back')}}</span>
          </a>
        </div>
    </div>
        <div class="card-body" >
          <div style="padding: 0 100px;" id="printableArea">
            <div style="padding:30px; border:double;" >
              @php
                  echo $ApplicationForm->formate;
              @endphp
            </div>
          </div>
        </div>
        <div class="card-footer">
             {{-- <input type="hidden" id="getFromDate" name="getFromDate">
             <input type="hidden" id="getToDate" name="getToDate"> --}}
             <div class="d-flex  justify-content-end p-2">
                <button onclick="printDiv('printableArea')" type="button" class="btn btn-info btn-icon-split">
                   <span class="icon text-white-50">
                      <i class="fas fa-print"></i>
                   </span>
                   <span class="text">{{ __('lng.Print') }}</span>
                </button>
             </div>
          </form>
        </div>
  </div>

<script>
  ChangeCertificateData();
  function ChangeCertificateData(){
    var DataTags=document.querySelectorAll('[data-value]');

      for(var i=0;i<DataTags.length;i++)
      {
            DataTags[i].removeAttribute("class");
            DataTags[i].style.background='transparent';
            DataTags[i].style.border='none';
          switch(DataTags[i].getAttribute('data-value'))
          {
            case 'Logo':
            DataTags[i].innerHTML='<img width="150px" height="100px" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_CompanyLogo,$Company->logo)}}"/>';
            break;
            case 'CompanyTitle':
            DataTags[i].innerHTML='{{$Company->title}}';
            break;
            case 'CompanyEmail':
            DataTags[i].innerHTML='{{$Company->email}}';
            break;
            case 'CompanyContact':
            DataTags[i].innerHTML='{{$Company->contact}}';
            break;
            case 'CompanyPlace':
            DataTags[i].innerHTML='{{$Company->place}}';
            break;
            case 'CompanyCity':
            DataTags[i].innerHTML='{{$Company->city}}';
            break;
            case 'CompanyDistrict':
            DataTags[i].innerHTML='{{$Company->district}}';
            break;
            case 'CompanyPin':
            DataTags[i].innerHTML='{{$Company->pin}}';
            break;
            case 'CompanyPost':
            DataTags[i].innerHTML='{{$Company->post}}';
            break;
            case 'CurrentDate':
            DataTags[i].innerHTML='{{date("d-m-Y")}}';
            break;
            case 'Number':
            DataTags[i].innerHTML='{{$NOCRegistration->id}}';
            break;
            case 'RegisterNumber':
            DataTags[i].innerHTML='{{$NOCRegistration->register_number}}';
            break;
            case 'BrideName':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_name}}';
            break;
            case 'BrideFatherName':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_father_name}}';
            break;
            case 'BrideMotherName':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_mother_name}}';
            break;
            case 'BrideHouseName':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_house_name}}';
            break;
            case 'BrideDOB':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_dob}}';
            break;
            case 'BrideContact':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_phone}}';
            break;
            case 'BridePost':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_post}}';
            break;
            case 'BridePin':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_pin}}';
            break;
            case 'BridePlace':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_place}}';
            break;
            case 'BrideDistrict':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_district}}';
            break;
            case 'BrideState':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_state}}';
            break;
            case 'BrideAdar':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_adar}}';
            break;
            case 'BrideEducation':
            DataTags[i].innerHTML='{{$NOCRegistration->bride_education}}';
            break;
            case 'GroomName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_name}}';
            break;
            case 'GroomFatherName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_father_name}}';
            break;
            case 'GroomMotherName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_mother_name}}';
            break;
            case 'GroomHouseName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_house_name}}';
            break;
            case 'GroomDOB':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_dob}}';
            break;
            case 'GroomContact':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_phone}}';
            break;
            case 'GroomPost':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_post}}';
            break;
            case 'GroomPin':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_pin}}';
            break;
            case 'GroomPlace':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_place}}';
            break;
            case 'GroomDistrict':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_district}}';
            break;
            case 'GroomState':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_state}}';
            break;
            case 'GroomEducation':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_education}}';
            break;
            case 'GroomJob':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_job}}';
            break;
            case 'GroomAdar':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_adar}}';
            break;
            case 'GroomMahalName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_mahal_name}}';
            break;
            case 'GroomMahalAddress':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_mahal_address}}';
            break;
            case 'GroomMahalSecretaryName':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_mahal_secretary_name}}';
            break;
            case 'GroomMahalSecretaryPhone':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_mahal_secretary_phone}}';
            break;
            case 'HowManyYearsStay':
            DataTags[i].innerHTML='{{$NOCRegistration->how_many_years}}';
            break;
            case 'IsItFirstMarriage':
            DataTags[i].innerHTML='{{$NOCRegistration->groom_first_marriage}}';
            break;
            case 'DetailsIfNotFirstMarriage':
            DataTags[i].innerHTML='{{$NOCRegistration->details_not_first_marriage}}';
            break;
          }
      }
  }
  
  function printDiv(divName) {
         var printContents = document.getElementById(divName).innerHTML;
         var originalContents = document.body.innerHTML;
        
         document.body.innerHTML = printContents;
        
         window.print();
        
         document.body.innerHTML = originalContents;
         
        }
    
</script>

@endsection