@extends('layouts.adminapp')

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

{{-- Designation --}}
<x-app-flash/>
  
  <div class="card">
    <div class="card-header">     
      <div class="row">
          <div class="col-sm-12 col-md-6 col-lg-7">
            <h1 class="h3 mb-2 text-gray-800">{{__('lng.Letterhead')}} </h1> 
          </div>           
      </div>    
    </div>
        <div class="card-body" id="result-body">
          <div class="row">
            <div class="col-sm-9">
               <form method="post" action="{{ route('LetterheadStore') }}" enctype='multipart/form-data'>
                  @csrf
                  <div id="result-RestoreDefault">
                   <input type="hidden" name="id" value="{{$ReceiptPrintForm->id}}">
                   <textarea id="summernote" name="formate">{{$ReceiptPrintForm->formate}}</textarea>
                  </div>
         
                  <div class="d-flex  justify-content-between p-2">
                     <div>
                        <button type="button" onclick="AddRechText('CurrentDate')" class="btn btn-secondary btn-icon-split mr-2" name="btnSave">
                           <span class="icon text-white-50">
                              <i class="fas fa-calendar-alt"></i>
                           </span>
                           <span class="text">{{ __('lng.CurrentDate') }}</span>
                        </button>
                     </div>
                     <div>
                        <button type="button" onclick="RestoreDefault({{$ReceiptPrintForm->id}})" class="btn btn-secondary btn-icon-split mr-2" name="btnSave">
                           <span class="icon text-white-50">
                              <i class="fas fa-redo-alt"></i>
                           </span>
                           <span class="text">{{ __('lng.RestoreDefault') }}</span>
                        </button>
                        <button type="submit" class="btn btn-success btn-icon-split">
                           <span class="icon text-white-50">
                              <i class="fas fa-check"></i>
                           </span>
                           <span class="text">{{ __('lng.Update') }}</span>
                        </button>
                     </div>
                  </div>
               </form>
         
            </div>
            <div class="col-sm-3">
               <div class=" py-3 d-flex flex-row align-items-center justify-content-between">
                  <h6 class="m-0 font-weight-bold text-primary">{{ __('lng.CompanyDetails') }}</h6>
               </div>
               <div style="width:250px;height:360px" class="scrollbar">
                  @foreach ($CompanyDetails as $CompanyDetail)
                     <a onclick="AddRechText('{{ $CompanyDetail }}')" class=" non_underline" href="javascript:void(0)"
                        role="button">
                        <div class="card bg-success text-white shadow ">
                           <div class="card-body">
                              <div class="row no-gutters align-items-center">
                                 <div class="col mr-2">
                                    <div class="text-white-0 small">{{ preg_replace('/(?<!\ )[A-Z]/', ' $0', $CompanyDetail) }}
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </a>
                  @endforeach
               </div>
            </div>
         </div>
        </div>
        <div class="card-footer d-flex justify-content-center">
          <div id="printableArea" style="height: 100%; display:none" >
              
              @php
              echo $ReceiptPrintForm->formate ;
              @endphp
          </div>
          <div class="btn-part ">
              <button onclick="printDiv('printableArea')" 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>
      </div>
  </div>

<script>
    LoadRechtextBox();

  function RestoreDefault(ID){
      $.ajax({
          url: '{{ route('ReceiptPrintFormRestoreDefault') }}',
          method: "get",
          data: {_token: '{{ csrf_token() }}',id:ID},
          success: function (response){  
          // alert(response);
              LoadRechtextBox();
              document.getElementById('result-RestoreDefault').innerHTML=response; 
          }
      });
      window.location.reload();

  }

    function LoadRechtextBox(){
      $(document).ready(function() {
        $('#summernote').summernote({
          placeholder: 'Text.....',
          tabsize: 4,
          height: 375,
          focus: true   
        });
      });
      
    }

    function AddRechText(ButtonText){
      var MediumText='<button  onclick="removeText(this.id)" data-value='+ButtonText+' id='+ButtonText+' class="btn btn-primary richTextBtn" type="button">'+ButtonText+' </button> <span class='+ButtonText+'>&nbsp;</span>';
      $('#summernote').summernote('pasteHTML', MediumText);
      $('#summernote').summernote('editor.setLastRange', 3);

    }

    function removeText(Value){
      $('#'+Value).remove();
      $('.'+Value).remove();
    }

    
  function printDiv(divName) {
             var printContents = document.getElementById(divName).innerHTML;
             var originalContents = document.body.innerHTML;
    
             document.body.innerHTML = printContents;
    
             window.print();
    
             document.body.innerHTML = originalContents;
    
            }

                   
    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="200px" height="150px" 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;
          }
      }
    
  }

</script>

@endsection