@extends('frontend.layouts.master')
@section('content')

<style>
    /*button.accordion-button::after {*/
    /*    display: none;*/
    /*}*/
    
    .accordion .accordion-item .accordion-button:not(.collapsed)::after {
        content: "\27A4";
    }
    .accordion .accordion-item .accordion-button::after {
        content: "\27A4";
        transform: rotate(90deg);
    }
    button.accordion-button {
        padding: 5px 20px;
    }
    
    .accordion .accordion-item {
        margin-bottom: 5px;
    }
    .course-videos iframe {
        width: 32% !important;
    }
    
    .course-videos br{
        display: none;
    }
</style>

<div class="page-banner-area" style="background: url({{ asset("$breadcrumb->name") }});">
    <div class="container">
        <div class="page-banner-content">
            <h1>{{ $schools->name }}</h1>
            <ul>
                <li><a title="Home" href="{{ url('/') }}">Home</a></li>
                <li>{{ $schools->name }}</li>
            </ul>
        </div>
    </div>
    <img src="{!! asset('public/frontend/images/wave21.svg') !!}" alt="Image"
    class="top_wave_img">
</div>
<div class="privacy-policy-area pt-70 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="privacy-left-content pl-20">
                    <div class="category-list">
                        <h3>{{ (session('locale') == 'bn') ? 'সম্পর্কিত মেনু' : 'Related Menus' }}</h3>
                        <ul>
                            @if (count($school_lists)>=1)
                                @foreach ($school_lists as $service_list)
                                    <li><a href="{{ url($service_list->url) }}" class="{{ (implode("/",request()->segments())==$service_list->url)?'sidebars_active':'' }}">{{ (session('locale') == 'bn') ? $service_list->bn_name : $service_list->name }} <i
                                                class="ri-arrow-drop-right-fill"></i></a></li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                    <div class="category-list">
                        <h3>{{ (session('locale') == 'bn') ? 'সম্পর্কিত ক্যাটেগরি' : 'Related Category' }}</h3>

                        <ul>
                            @foreach ($department_names as $dept_data)
                                    <li><a href="{{ url('school-details/'.$dept_data->id) }}" class="
                                    @if(implode("/",request()->segments())=='school-details/'.$dept_data->id)
                                        {{'sidebars_active'}}
                                    @elseif(request()->segment(1)=='course-details' && request()->segment(2)==$dept_data->id)
                                        {{'sidebars_active'}}
                                    @endif">{{ (session('locale') == 'bn') ? $dept_data->bn_name : $dept_data->name }} <i
                                                class="ri-arrow-drop-right-fill"></i></a></li>
                                @endforeach
                        </ul>
                    </div>
                    <div class="">
                        <img class="img-fluid" style="width: 100%;" src="{{ asset( $page_sidebar->name )}}" alt="">
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="privacy-content pr-20">
                    <div class="accordion" id="accordionExample">
                            <h3>Course Videos</h3>
                            @if($course_info->count())
                            @php $srl=0; @endphp
                            @foreach($course_info as $course_data)
                                @php $srl++; @endphp
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="heading_{{ $course_data->id}}">
                                      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_{{ $course_data->id}}" aria-expanded="{{ ($srl==1)? 'true' : 'false'}}" aria-controls="collapse_{{ $course_data->id}}">
                                        {{ $course_data->name}}   
                                      </button>
                                    </h2>
                                    <div id="collapse_{{ $course_data->id}}" class="accordion-collapse collapse {{ ($srl==1)? 'show' : ''}}" aria-labelledby="heading_{{ $course_data->id}}" data-bs-parent="#accordionExample">
                                      <div class="accordion-body course-videos">
                                         {!! nl2br($course_data->url) !!}                               
                                        </div>
                                    </div>
                                </div>
                            
                            @endforeach
                            @endif
                      
                    </div>
                </div>
            </div>

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

@endsection