@if(!empty($programs))
    @foreach ($programs as $keyss=> $program)
        <div class="tab-pane active" id="job_details_content_{{ $program['id'] }}" 
            role="tabpanel" aria-labelledby="job-1">
           <!--              
            @if($program['id'] == 0)
                <div class="pxp-jobs-tab-pane-cover pxp-cover"
                style="background-image: url(https://uniwolc.com/storage/6/Screenshot-2023-07-07-114710.png);"></div>
            @else
                <div class="pxp-jobs-tab-pane-cover pxp-cover"
                style="background-image: url(images/ph-big.jpg);"></div>
            @endif  -->

            <div class="pxp-jobs-tab-pane-cover pxp-cover" style="background-image: url(images/ph-big.jpg);"></div>
            
            <!-- @if($program['id'] == 0)
                <div class="pxp-jobs-tab-pane-logo"
                style="background-image: url(https://uniwolc.com/storage/6/Screenshot-2023-07-07-114710.png);"></div>
            @else
                <div class="pxp-jobs-tab-pane-cover pxp-cover"
                style="background-image: url(images/ph-big.jpg);"></div>
            @endif
              -->       

            <div class="pxp-jobs-tab-pane-logo" style="background-image: url('images/company-logo-1.png');"></div>
            
            <div class="pxp-jobs-tab-pane-content">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-6">
                        <h3>{{ substr( $program['program_title'], 0, 50).'...'; }}</h3>
                        <div class="pxp-jobs-tab-pane-company-location">
                            <a href="javascript:void(0)" class="pxp-jobs-tab-pane-company">
                                @if(!empty($program['universityData'][0]['university_name']))
                                    {{ substr($program['universityData'][0]['university_name'], 0, 30).'...'; }}
                                @else
                                    No University Name
                                @endif
                            </a> 
                        </div>
                    </div>
                    <div class="col-xl-auto">
                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                    class="fa fa-heart-o"></span></button>
                            <div class="dropdown ms-2">
                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                    type="button" id="socialShareBtn-1" data-bs-toggle="dropdown"
                                    aria-expanded="false">
                                    <span class="fa fa-share-alt"></span>
                                </button>
                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                    aria-labelledby="socialShareBtn-1">
                                    <li><a class="dropdown-item" href="#"><span
                                                class="fa fa-facebook"></span> Facebook</a></li>
                                    <li><a class="dropdown-item" href="#"><span
                                                class="fa fa-twitter"></span> Twitter</a></li>
                                    <li><a class="dropdown-item" href="#"><span
                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                    <li><a class="dropdown-item" href="#"><span
                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                </ul>
                            </div>
                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">
                                Apply Now
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 justify-content-between align-items-center">
                    <div class="col-6">
                        <a href="javascript:void(0)" class="pxp-jobs-tab-pane-category">
                                
                            <div class="pxp-jobs-tab-pane-category-icon">
                                <span class="fa fa-globe"></span>
                            </div>
                            <div class="pxp-jobs-tab-pane-category-label">
                                @if(!empty($program['universityData'][0]['location']))
                                    {{ substr($program['universityData'][0]['location'], 0, 30).'...'; }}
                                @else
                                    No University Name
                                @endif
                            </div>

                        </a>

                    </div>
                    <div class="col-auto">
                        <div class="pxp-jobs-tab-pane-date pxp-text-light">
                            {{ !empty($program['created_at']) ? 
                            date('d-M-Y', strtotime($program['created_at'])) : '' }}
                        </div>
                    </div>
                </div>
                <div class="row mt-4 mt-lg-5 align-items-center">

                    <div class="col-6">
                        <div>
                           <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Program Level
                            </div>
                            <div class="pxp-jobs-tab-pane-content-info-data"> 
                                {{ !empty($program['program_level']) ? $program['program_level'] : '' }}
                            </div>
                        </div>
                    </div>

                    <div class="col-6">
                        <div>
                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Program Length
                            </div> 
                            <div class="pxp-jobs-tab-pane-content-info-data">
                                {{ !empty($program['program_length']) ? $program['program_length'] : '' }}
                            </div>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="mt-4">
                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Tuition Fees
                            </div>
                            <div class="pxp-jobs-tab-pane-content-info-data">  
                                @if(!empty($program['universityData'][0]['country']))
                                    {{ get_currency($program['universityData'][0]['country']) }}
                                @endif

                                {{ !empty($program['gross_tuition']) ?  $program['gross_tuition'] : '' }}   
                                
                                @if(!empty($program['universityData'][0]['country']))
                                    {{ get_payment_currency($program['universityData'][0]['country']) }}
                                @endif

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

                    <div class="col-6">
                        <div class="mt-4">
                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Application Fee
                            </div>
                            <div class="pxp-jobs-tab-pane-content-info-data">
                                @if(!empty($program['universityData'][0]['country']))
                                    {{ get_currency($program['universityData'][0]['country']) }}
                                @endif

                                {{ !empty($program['application_fee']) ?  $program['application_fee'] : '' }}
                                
                                @if(!empty($program['universityData'][0]['country']))
                                    {{ get_payment_currency($program['universityData'][0]['country']) }}
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                    <h4>Program Summary</h4>
                    <p>{{ !empty($program['program_summary']) ? $program['program_summary'] : ''  }}</p>
                    
                    <div class="mt-4 mt-lg-5">
                        <a href="javascript:void(0)" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                    </div>
                </div>
            </div>
            
            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none">
                <span class="fa fa-angle-left"></span> Back
            </button>
        </div>
    @endforeach
@endif