@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('BirthRegistration.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';
    // font-weight: 600;
          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 'Number':
            DataTags[i].innerHTML='{{$BirthRegistration->id}}';
            break;
            case 'RegisterNumber':
            DataTags[i].innerHTML='{{$BirthRegistration->register_number}}';
            break;
            case 'Name':
            DataTags[i].innerHTML='{{$BirthRegistration->member->name ?? ''}}';
            break;
            case 'FatherName':
            DataTags[i].innerHTML='{{$BirthRegistration->father->name ?? ''}}';
            break;
            case 'MotherName':
            DataTags[i].innerHTML='{{$BirthRegistration->mother->name ?? ''}}';
            break;
            case 'DateOfBirth':
            DataTags[i].innerHTML='{{date("d-m-Y",strtotime($BirthRegistration->dob))}}';
            break;
            case 'DateOfPlace':
            DataTags[i].innerHTML='{{$BirthRegistration->birth_place}}';
            break;
            case 'Gender':
            DataTags[i].innerHTML='{{$BirthRegistration->member->gender ?? ''}}';
            break;
            // case 'AuthorRelation':
            // DataTags[i].innerHTML='{{$BirthRegistration->member->name}}';
            // break;
            case 'HouseName':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->name ?? ''}}';
            break;
            case 'Pin':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->pin ?? ''}}';
            break;
            case 'Post':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->post ?? ''}}';
            break;
            case 'Place':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->place ?? ''}}';
            break;
            case 'District':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->district ?? ''}}';
            break;
            case 'State':
            DataTags[i].innerHTML='{{$BirthRegistration->member->house->state ?? ''}}';
            break;
            case 'CurrentDate':
            DataTags[i].innerHTML='{{date("d-m-Y")}}';
            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