@php
    use Carbon\Carbon;
@endphp
<style>
    .watermark {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-30deg);
        font-size: 10rem;
        color:rgba(255, 0, 0, 0.199);
        font-family: 'Pacifico', cursive;;
        pointer-events: none;
        z-index: 9999;
        white-space: nowrap;
    }
    </style>
    <div id="carouselExample" class="carousel slide" data-bs-ride="false">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="accordion" id="accordionPanelsStayOpenExample">
                <div class="accordion-item">
                    {{-- <span class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                            data-bs-target="#panelsStayOpen-collapseO" aria-expanded="true"
                            aria-controls="panelsStayOpen-collapseO"
                            style="width: 80px;background-color: #eee;margin-bottom:5px">
                            Action
                        </button>

                    </span> --}}
                    <div style="height:37px; margin-bottom:5px;" id="billDetail"
                        data-reference-no=""
                        data-observer-id="" data-type=""
                        data-status="" data-examtable="">
                        <div>
                            <div class="accordion-body" style="padding: 0px;">
                                @if (in_array(auth()->user()->Role_ID, [24, 25, 26]))
                                    @php
                                        $roleId = auth()->user()->Role_ID;
                                        $billStatus = $data->{'Bill Status'};
                                    @endphp

                                    {{-- Role ID 24 --}}
                                    @if ($roleId == 24)
                                        @if ($billStatus == 0)
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}" data-nextval="no"
                                                data-type="{{ $examType }}" data-status="{{ $Billstatus }}"
                                                data-verify="verifiedYes" data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-primary me-2 getbillDetails">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}" data-nextval="no"
                                                data-type="{{ $examType }}" data-status="{{ $Billstatus }}"
                                                data-verify="rejected" data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-danger me-2 getbillDetails">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @else
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @endif
                                    @endif

                                    {{-- Role ID 25 --}}
                                    @if ($roleId == 25)
                                        @if ($billStatus == 1)
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}" data-nextval="no"
                                                data-type="{{ $examType }}" data-status="{{ $Billstatus }}"
                                                data-verify="approved" data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-info me-2 getbillDetails">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}" data-nextval="no"
                                                data-type="{{ $examType }}" data-status="{{ $Billstatus }}"
                                                data-verify="rejected" data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-danger me-2 getbillDetails">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @else
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @endif
                                    @endif

                                    {{-- Role ID 26 --}}
                                    @if ($roleId == 26)
                                        @if ($billStatus == 4)
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}"
                                                data-nextval="no" data-type="{{ $examType }}"
                                                data-status="{{ $Billstatus }}" data-verify="complete"
                                                data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-success me-2 getbillDetails">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                data-reference-no="{{ $data->{'Reference No_'} }}"
                                                data-observer-id="{{ $data->{'Observer ID'} ?? '' }}"
                                                data-nextval="no" data-type="{{ $examType }}"
                                                data-status="{{ $Billstatus }}" data-verify="rejected"
                                                data-examtable="{{ $billTable }}"
                                                class="btn btn-outline-danger me-2 getbillDetails">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @else
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-envelope"></i> Check & Verified
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-check"></i> Bill Approved
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-money"></i> Bills Payment
                                            </a>
                                            <a href="javascript:void(0)"
                                                class="btn btn-outline-secondary me-2 disabled-link">
                                                <i class="fa fa-times"></i> Send for Clarification
                                            </a>
                                        @endif
                                    @endif
                                @endif


                                <hr />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                            data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true"
                            aria-controls="panelsStayOpen-collapseOne">
                            General
                        </button>
                        <hr />
                    </h2>
                    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show">
                        <div class="accordion-body">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">
                                                Reference No.</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Reference No."
                                                    value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Role</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Role" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">NTA ID</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="NTA ID" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Functionary Name</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Functionary Name"
                                                    value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Mobile No.</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Mobile No."
                                                    value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Exam ID</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Exam ID" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Exam Name</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Exam Name" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Exam Date</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Exam Date"
                                                    value="{{ !empty($data->{'Exam Date'}) ? Carbon::parse($data->{'Exam Date'})->format('d-m-Y') : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row my-2">
                                            <label class="form-label col-sm-5">Bill Status</label>
                                            <div class="col-sm-7">
                                                <input type="text"
                                                    class="form-control form-control-md readonly_Noedit"
                                                    placeholder="Bill Status"
                                                    value="