{{-- Extends layout --}}

@extends('layout.default')

{{-- Content --}}

@section('content')
<style>
    .small-checkbox {width: 20px; height: 20px;}
</style>


<div class="card card-custom mb-5">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">

            @if(session()->has('message'))

            <div class="alert alert-danger">

                {{ session()->get('message') }}

            </div>

            @endif

            <h3 class="card-label">{{ $eventdata[0]->Name }}

            </h3>

        </div>
        <div class="card-toolbar">
            <a href="{{route('newparticipant')}}" class="btn btn-warning">Register New Gymnast</a>
        </div>
    </div>
</div>

<div class="card card-custom mb-5">    
    @if(count($pendingparticipants)>0)
    <div class="card-header flex-wrap border-0 pt-0 pb-0">
    <div class="card-title">Pending Payments</div>
    </div>
    <div class="card-body">
    <table class="table table-bordered table-hover" id="kt_datatable1">
    <thead>
        <tr>
            <th>Name</th>
            <th>Category</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @php
            $currentOrderId = null;
            $orderFees = [];
            $orderParticipants = [];
            $orderid = '';
        @endphp

        @foreach ($pendingparticipants as $row)
            @php
                // Accumulate fees and participants for each orderid
                if (!isset($orderFees[$row->oid])) {
                    $orderFees[$row->oid] = 0;
                    $orderParticipants[$row->oid] = [];
                }
                $orderFees[$row->oid] += $row->fees;
                $orderParticipants[$row->oid][] = $row;
                $orderid = $row->oid;
            @endphp

            @if ($currentOrderId !== $row->oid)
                @if ($currentOrderId !== null)
                    <!-- Display Pay Now button or Paid status at the end of previous order -->
                    <tr>
                        <td colspan="3" class="text-left">
                            @if (empty($orderParticipants[$currentOrderId][0]->amountpaid) && $orderParticipants[$currentOrderId][0]->remarks != 'success')
                                <form method="post" action="{{ route('redirectToPayU') }}">
                                    @csrf
                                    <input type="hidden" name="orderid" value="{{ $currentOrderId }}" />
                                    <input type="submit" class="btn btn-primary font-weight-bolder" 
                                        value="Pay Now Rs. {{ $orderFees[$currentOrderId] }}">
                                </form>
                            @else
                                <span class="badge badge-info">Paid Rs. {{ $orderFees[$currentOrderId] }}</span>
                            @endif
                        </td>
                    </tr>
                @endif
                @php $currentOrderId = $row->oid; @endphp
            @endif

            <tr>
                <td>{{ $row->name }}</td>
                <td>{{ $row->category }}</td>
                <td><a href="{{ route('participantremove', ['epid' => $row->epid,'gfid'=>$row->gf_id]) }}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-trash" viewBox="0 0 16 16">
                <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/>
                <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/>
                </svg></a></td>
            </tr>

            @if ($loop->last)
                <!-- Display Pay Now button or Paid status for the last order -->
                <tr>
                    <td colspan="3" class="text-left">
                        @if (empty($orderParticipants[$currentOrderId][0]->amountpaid) && $orderParticipants[$currentOrderId][0]->remarks != 'success')
                            <form method="post" action="{{ route('redirectToPayU') }}">
                                @csrf
                                <input type="hidden" name="orderid" value="{{ $currentOrderId }}" />
                                <input type="submit" class="btn btn-primary font-weight-bolder" 
                                    value="Pay Now Rs. {{ $orderFees[$currentOrderId] }}">
                            </form>
                        @else
                            <span class="badge badge-info">Paid Rs. {{ $orderFees[$currentOrderId] }}</span>
                        @endif
                    </td>
                </tr>
            @endif
        @endforeach

        <tr>
            <td colspan="2">
                <a href="{{ route('addmoreparticipant', ['orderid' => $orderid]) }}" class="btn btn-warning">Add More Participant</a>
            </td>
        </tr>
    </tbody>
</table>

    </div>
    @endif
</div>
<div class="card card-custom">
    @if(count($paidparticipants)>0)
    <div class="card-header flex-wrap border-0 pt-0 pb-0">
    <div class="card-title mt-0">Registered Gymnasts</div>
    </div>
            <div class="card-body pt-0">
                <table class="table table-bordered table-hover" id="kt_datatable2">
                    <thead>
                        <tr>             
                            <th>Name</th>
                            <th>Category</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($paidparticipants as $row)
                        <tr>
                        <td>{{ $row->name }}</td>
                        <td>{{ $row->category }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
        </div>
    @endif

</div>
<div class="card card-custom">
    @if(count($oldparticipants)>0)
        <form id="registration-form" action="{{ route('bulkparticipantadd') }}" method="POST">
            @csrf
            <div class="card-header flex-wrap border-0 pt-6 pb-0">
                <h6>Select Gymnasts to Register and Click Submit</h6>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-hover" id="kt_datatable2">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="select-all" class="form-control small-checkbox "></th>                   
                            <th>Name</th>
                            <th>DOB</th>
                            <th>Category</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($oldparticipants as $row)
                        <tr>
                            <td>
                                <input type="checkbox" name="selected_rows[]" value="{{ $row->id }}" class="form-control row-checkbox small-checkbox ">
                            </td>
                            <td>{{$row->name}}</td>
                            <td>{{ \Carbon\Carbon::parse($row->dob)->format('d-m-Y') }}
                                <input type="hidden" value="{{ $row->dob}}" name="dob[{{ $row->id }}]"/>
                            </td>
                            <td>
                                <select class="form-control form-control-sm" name="category[{{ $row->id }}]" required>
                                    <option value="">Select Category</option>
                                    <option value="Category A">Category A(L3,L4)</option>
                                    <option value="Category B">Category B(L5,L6,L7)</option>
                                    <option value="Category C">Category C(L8,L9,L10)</option>
                                </select>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                
            </div>
            <div class="card-footer flex-wrap border-0 pt-0 pb-2">
                <button type="submit" id="register-selected" class="btn btn-primary">Submit</button>
            </div>
        </form>
    @endif

</div>

@endsection

{{-- Styles Section --}}

@section('styles')

<link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />

@endsection

{{-- Scripts Section --}}

@section('scripts')

{{-- vendors --}}

<script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
<script>
// Select all functionality
    document.getElementById('select-all').addEventListener('change', function() {
        const checkboxes = document.getElementsByClassName('row-checkbox');
        for(let checkbox of checkboxes) {
            checkbox.checked = this.checked;
        }
    });

    // Individual checkbox functionality
    const rowCheckboxes = document.getElementsByClassName('row-checkbox');
    for(let checkbox of rowCheckboxes) {
        checkbox.addEventListener('change', function() {
            const selectAllCheckbox = document.getElementById('select-all');
            const allChecked = Array.from(rowCheckboxes).every(cb => cb.checked);
            selectAllCheckbox.checked = allChecked;
        });
    }

    // Form submission
    document.getElementById('register-selected').addEventListener('click', function(e) {
        e.preventDefault();
        
        const selectedCheckboxes = document.querySelectorAll('.row-checkbox:checked');
        if (selectedCheckboxes.length === 0) {
            alert('Please select at least one gymnast to register');
            return;
        }

        const selectedIds = Array.from(selectedCheckboxes).map(checkbox => checkbox.value);
        
        // Get category values for selected rows
        const categoryData = {};
        const dobData = {};
        let isValid = true;

        selectedCheckboxes.forEach(checkbox => {
            const rowId = checkbox.value;
            const categorySelect = document.querySelector(`select[name="category[${rowId}]"]`);
            const dobSelect = document.querySelector(`input[name="dob[${rowId}]"]`);
            
            if (!categorySelect.value) {
                alert('Please select category for all selected gymnasts');
                isValid = false;
                return;
            }
            categoryData[rowId] = categorySelect.value;
            dobData[rowId] = dobSelect.value;
        });

        if (!isValid) return;
        // If all validation passes, dynamically append selected IDs to the form
        const form = document.getElementById('registration-form');
        form.submit();
        
    });
</script>
@endsection