@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')
<div class="page-content-wrapper">
        <div class="page-content">
            @include('admin.includesV2.adminHeader', 
                [
                    'pageRoute' => route('courseRegistration'), 
                    'pageName' => 'Coure Registration List',
                    'pageHeader'=> 'Applicaton Details',
                    'htmlElement' => '<div class="col-md-2"><button class="btn btn-info rounded-0 pull-right" id="downloadPdf">Download as PDF</button></div>',
                ])

            <div class="row" class="adminContent">
                
                <div class="col-md-12 adminContent" id="adminContent">
                    <div class="row">
                        @if($courseDetails)
                        <div class="col-md-12 text-center mb-5 coloredTitle"><h2>{{$courseDetails->courseTitle}}</h2></div>

                        @endif
                        @if($studentInfo)
                        <div class="col-md-12">
                            @include('admin.includesV2.studentProfileForm', ['pageViewType' => 'readView'])
                            {{-- @include('frontend.include.studentProfileFormBlock', ['pageViewType' => 'readView']) --}}
                        </div> 
                        @endif   
                    </div>
                    <div class="row">
                        
                        <div class="col-md-12">
                            <form class="custom form">
                            @php
                            //converting jsondecode value into array so that we can get array index for each 
                            // formfield name and value
                            $formatData = array();
                            foreach ($allFormData as $key => $value) {
                                $formatData[] = [
                                    'name' => $key,
                                    'value' => $value
                                ];
                                
                            }
                            //var_dump($formGroups);
                            //dd($allFormData);
//dd($formData->id);

                            @endphp      
                            
                            <button type="button" data-bs-dismiss="modal" class="btn btn-success mb-2 edit-btn form-edit-btn"
                            data-formdata='@json(json_decode($formData->form_data, true))'>
                            Edit Application Form
                        </button>
                        
                        

                        <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Edit Application Form Data</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                      </div>
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <div class="modal-body" id="modal-body">
                                        <!-- Fields will be populated dynamically here -->
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="button" class="btn btn-primary" id="editApplicationSubmitBtn">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                                                        

                            @php
                            $workingFormData = 0;
                            $formatDataCount = count($formatData); // number of formdata entry
                            //dd($formData->form_data);
                            foreach($formGroups as $key=>$formGroup){ 
                                if($formatData[$workingFormData]['value']==$formGroup->group_id){
                                    
                                    echo '<div class="row"><div class="col"><div class="d-blck formTitle">'.$formGroup->group_name.'</div></div></div>';
                                    echo '<div class="row mb-3">';
                                    $workingFormData++;
                                        $endWhile = false;
                                        while($endWhile==false){
                                            foreach($formGroup->formFields as $formField){
                                                if(isset($formField->ftype) &&  $formField->ftype == 'TA')
                                                echo '<div class="'.$formField->fclass.' form-group"><label class="form-label">'.$formField->flabel.'</label><br />'.$formatData[$workingFormData]['value'].'</div>';
                                                else
                                                echo '<div class="'.$formField->fclass.' form-group"><label class="form-label">'.$formField->flabel.'</label><input class="form-control" type="text" value="'.$formatData[$workingFormData]['value'].'"</></div>';
                                                $workingFormData++;
                                            }
                                            if($workingFormData<=$formatDataCount-1){
                                                if(isset($formGroups[$key+1])){
                                                    if($formatData[$workingFormData]['value']==$formGroups[$key+1]->group_id){
                                                        $endWhile = true;
                                                        echo '</div>';
                                                    }
                                                }
                                            }else{
                                                $endWhile = true; 
                                                echo '</div>';
                                            }
                                        }    
                            
                            
                                }
                                //if(!isset($formGroups[$key+1]))
                                //echo '</div>'; // printa a div after last element to completed the div structure
                            }
                            @endphp
                            </form>
                        </div>    
                    </div>
                    @if($formData->signature)
                    <div class="row">
                        <div class="col">
                            <img src="data:{{$formData->signature}}" />
                        </div>
                    </div>
                    @endif
                    @if(!$paymentDetails->isEmpty())
                    <div class="row">
                        <div class="col-md-12 text-center my-5"><h2>Payment Info</h2></div>
                        <div class="col-md-12">
                            <table class="table table-striped">
                                <thead class="formTitle">
                                <tr>
                                    <th>
                                        Date
                                    </th>
                                    <th>
                                        Transaction ID
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                    
                                    <th>
                                        Course Fee
                                    </th>
                                    <th>
                                        Paid Amount
                                    </th>
                                    <th>
                                        Fee Status
                                    </th>
                                    <th>
                                        Remarks
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($paymentDetails as $payment)
                                        {{-- @if($payment->student_id==693716804)
                                        {{dd($payment)}}
                                        @endif --}}
                                        <tr>
                                            <td>
                                                {{$payment->payment_date != null ? \Carbon\Carbon::parse($payment->payment_date)->format('d M Y h:i:s A') : 'NA'}}

                                            </td>
                                            <td>
                                                {{$payment->transaction_id !=null ? $payment->transaction_id:'NA'}}
                                            </td>
                                            <td>
                                                {{$payment->status !=null ? $payment->status : 'NA'}}
                                            </td>
                                            
                                            <td>
                                                {{$payment->courseFee}}
                                            </td>
                                            <td>
                                                {{$payment->transactionAmount!=null ? $payment->transactionAmount:'NA'}}
                                            </td>
                                            <td>
                                                @php
                                                $paymentStatus = (array) $paymentStatus;
                                            @endphp
                                            
                                            {{ $paymentStatus[strtolower($payment->paid_status)] ?? 'Status not found' }}

                                                
                                                {{$paymentStatus[strtolower($payment->paid_status)]}}
                                                
                                                @php
                                                    if($paymentStatus[strtolower($payment->paid_status)]=='DUE'){
                                                        $dueAmount = $payment->courseFee-$payment->paid_amount;
                                                        echo ' - '.$dueAmount;
                                                    }
                                                    
                                                @endphp
                                                
                                            </td>
                                            <td>
                                                {{$payment->remarks != "" ? $payment->remarks : "N/A"}}

                                              <!-- Button trigger modal -->
{{-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#paymentDetailsEdit{{$payment->order_id}}">
    update payment status
  </button> --}}
  
  <!-- Modal -->
  <div class="modal fade" id="paymentDetailsEdit{{$payment->order_id}}" tabindex="-1" aria-labelledby="paymentDetailsEdit{{$payment->order_id}}" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="paymentEditModal modal-body" id="">
            <div class="row form-group">
                <div class="col">
                    <label class="form-label">Transaction ID</label>
                    <input type="text" required="" class="form-control" placeholder="adf" name="tranID" value="{{$payment->transaction_id}}">
                </div>
            </div>

            <div class="row form-group">
                
                <div class="col">
                    <label class="form-label">Status</label>
                    
                    @php
                        $processingStatuses = ["Complete","Pending","Processing","Failed","Canceled"];
                        //$payment->status
                    @endphp
                    <select class="form-control is-valid" id="changeStatus" name="changeStatus" aria-invalid="false">
                        <option>Select Status</option>
                        @php
                            foreach ($processingStatuses as $processingStatus) {
                                $selected = '';
                                if($payment->status==$processingStatus)
                                $selected = ' selected';
                                echo '<option value="'.$processingStatus.'"'.$selected.'>'.$processingStatus.'</option>';
                            }
                        @endphp

                    </select>
                </div>
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button id="" type="button" class="editPaymentSubmitBtn btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>


                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>    
                    </div> 
                    @endif

                </div>
            </div>
        </div>
</div>

<style>
  @media print {
    .container {
      max-width: 100% !important;
    }
    .row {
      display: flex !important;
      flex-wrap: wrap !important;
    }
  }
</style>

<style>
  /* Prevent page breaks inside divs */
  .no-page-break {
    page-break-inside: avoid;
  }

  /* Add a page break after certain sections */
  .page-break {
    page-break-after: always;
  }
</style>
@endsection
@section('customJs')

<script>
    var fileName = '{{ $formData->id }}' + '-applicttion-form.pdf';
</script>
{{--
<script type="text/javascript" src="{{ asset('assets/plugins/html2pdf/html2pdf.bundle.min.js') }}"></script>

<script>
  document.getElementById("downloadPdf").addEventListener("click", function() {
    var element = document.getElementById('adminContent');
    
    // Options for html2pdf
    var opt = {
      margin:       0.5,
      filename:     fileName,
      image:        { type: 'jpeg', quality: 0.98 },
      html2canvas:  { scale: 2 },
      jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
    };
    
    // Convert the div to PDF
    html2pdf().from(element).set(opt).save();
  });
</script>
--}}

<script type="text/javascript" src="{{ asset('assets/plugins/jspdf/jspdf.umd.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/html2canvas/html2canvas.min.js') }}"></script>


<script>

  // PDF functionality with jsPDF and html2canvas (with orientation option)
  document.getElementById('downloadPdf').addEventListener('click', function() {
    const { jsPDF } = window.jspdf;

    const editButton = document.querySelector('.form-edit-btn');
    if (editButton) {
      editButton.style.display = 'none';
    }

    html2canvas(document.getElementById('adminContent')).then(function(canvas) {
      const imgData = canvas.toDataURL('image/png');
      const pdf = new jsPDF({
        orientation: 'portrait', // Change to 'landscape' if needed
        unit: 'mm',
        format: 'a4'
      });

      const imgWidth = pdf.internal.pageSize.getWidth();
      const imgHeight = (canvas.height * imgWidth) / canvas.width; // Maintain image aspect ratio

      pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);
      pdf.save(fileName);
      if (editButton) {
        editButton.style.display = '';
      }
    });
  });
</script>


<script>
$(document).ready(function () {
    $('.edit-btn').on('click', function () {
        let rawData = $(this).data('formdata');
        let formId = $(this).data('formid');  // Assuming you pass `formid` in data-formid attribute

        if (typeof rawData === "object" && rawData !== null) {
            console.log("Valid data:", rawData);
            let modalBody = $('#modal-body');
            modalBody.empty(); // Clear any previous content

            // Iterate through the rawData and create form fields
            for (let key in rawData) {
                if (rawData.hasOwnProperty(key)) {
                    let fieldName = key.split('_').slice(1).join('_');
                    let fieldId = key;
                    let fieldValue = rawData[key];

                    let formGroup = $('<div class="form-group"></div>');
                    formGroup.append(`<label for="${fieldId}">${fieldName}</label>`);
                    formGroup.append(`<input type="text" class="form-control" id="${fieldId}" name="${fieldId}" value="${fieldValue}">`);
                    
                    modalBody.append(formGroup);
                }
            }

            // Add a hidden field for formId
            //modalBody.append(`<input type="hidden" id="formid" name="formid" value="${formId}">`);

            // Show the modal with populated data
            $('#editModal').modal('show');
        } else {
            console.error("Invalid data format:", rawData);
        }
    });

    // Handle the submit button

    $('#editApplicationSubmitBtn').on('click', function () {
        let updatedData = {};
        
        // Collect all the updated form field values dynamically
        $('#modal-body .form-group').each(function () {
            $(this).find('input, select').each(function () {
            let fieldName = $(this).attr('name');
            let fieldValue = $(this).find(':selected').val() || $(this).val(); // Ensure latest select value
            updatedData[fieldName] = fieldValue;
        });
        });

        // Get the formId from the hidden input
        // let formId = $('#formid').val();
        // updatedData['formid'] = formId;  // Append the formid to updatedData

        // Send updated data via AJAX to the server
        $.ajax({
            url: `/admin/update-student-form-data/{{$formData->id}}`, // URL with the dynamic formId
            method: 'POST',
            data: updatedData,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (response) {
                // Handle the response after updating
                console.log("Data updated successfully", response);
                $('#editModal').modal('hide'); // Hide the modal after successful update
                location.reload();
            },
            error: function (xhr, status, error) {
                // Handle error
                console.error("Error updating data", error);
            }
        });
    });
    $('#changeStatus').on('change', function () {
    let selectedValue = $(this).val(); 
    console.log('Selected value:', selectedValue); // Check if it's updating

    // Manually update the DOM by removing all selected attributes and setting it to the new value
    $(this).find('option').removeAttr('selected');
    $(this).find(`option[value="${selectedValue}"]`).attr('selected', 'selected');
});


$('.paymentEditModal select').each(function () {
    $(this).val($(this).find(':selected').val()); // Ensure correct selection
});

$('.editPaymentSubmitBtn').on('click', function () {
    console.log('clicked');
    let updatedPaymentData = {};
    
    // Get the closest modal to ensure we are handling the correct one
    let modal = $(this).closest('.paymentEditModal');

    // Trigger change event to ensure selection is updated
    modal.find('select').trigger('change');

    // Collect all the updated form field values dynamically
    modal.find('.form-group').each(function () {
        $(this).find('input, select').each(function () { 
            let fieldName = $(this).attr('name'); 
            let fieldValue = $(this).val(); // Get updated value
            updatedPaymentData[fieldName] = fieldValue; 
        });
    });
    console.log(updatedPaymentData);

    // Get the formId from the hidden input (if needed)
    let formId = modal.find('input[name="formid"]').val(); // Assuming 'formid' is the name of the hidden input
    updatedPaymentData['formid'] = formId;  // Append the formid to updatedData

    // Send updated data via AJAX to the server
    $.ajax({
        url: `/admin/update-student-payment-data/{{$formData->id}}`, // URL with the dynamic formId
        method: 'POST',
        data: updatedPaymentData,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function (response) {
            // Handle the response after updating
            console.log("Data updated successfully", response);
            modal.modal('hide'); // Hide the modal after successful update
            location.reload();  // Reload the page (optional, or replace with specific content refresh)
        },
        error: function (xhr, status, error) {
            // Handle error
            console.error("Error updating data", error);
        }
    });
});

});





</script>    

@endsection
@section('documentJquery')

@endsection