@extends('layouts.app')
@section('metades')
    <meta name="description" content="{{ $data['metaDescription'] }}" />
    <meta name="author" content="Binoy Sadan Bed College" />
    <meta name="keywords" content="Binoy Sadan Bed College" />

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://www.binoysadanbedcollege.com/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Binoy Sadan B.Ed College of Women in Jhargram, West Bengal">
    <meta property="og:description" content="Binoy Sadan B.Ed College of Women in Jhargram, West Bengal in Social Action is a registered organization established in the year 2015 Basic data of the NGO.">
    <meta property="og:image" content="https://binoysadanbedcollege.comundefined">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="binoysadanbedcollege.com">
    <meta property="twitter:url" content="https://www.binoysadanbedcollege.com/">
    <meta name="twitter:title" content="Binoy Sadan B.Ed College of Women in Jhargram, West Bengal">
    <meta name="twitter:description" content="Binoy Sadan B.Ed College of Women in Jhargram, West Bengal in Social Action is a registered organization established in the year 2015 Basic data of the NGO.">
    <meta name="twitter:image" content="https://binoysadanbedcollege.comundefined">

    <!-- Meta Tags Generated via https://www.opengraph.xyz -->
      
@endsection
@section('title')
    <title>{{ $data['metaTitle'] }}</title>
@endsection
@section('content')
    <div class="banner main-bnr">
        <div class="row">
            <div class="col-sm-8 col-lg-7 bn-text mr-md-auto mr-4 ml-md-5 ml-4 px-md-3 px-4">
                <h1 class=" text-uppercase">{{ $data['shortDescription'] }}</h1>
                <p class="mt-2 mt-md-1">{{ $data['longDescription'] }}</p>
                <a href="{{ url('/about-us-1') }}" class="btn-n1 mt-4 mt-md-5">View More</a>
            </div>
        </div>
    </div>
    @foreach ($data['moduleItems'] as $item)
        @if ($item['slug'] == 'chairmans-quote-1')
            <section class="features-box py-4 py-md-5">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-md-6 mb-sm-0 mb-3 d-flex">
                            <div class="bg-inner text-center">
                                <div class="w-100  title-bx1">
                                    <span>{{ $item['title'] }}</span>
                                    {!! $item['shortDescription'] !!}
                                </div>
                                <div>
                                    <p>{!! $item['longDescription'] !!}</p>
                                </div>
                                <br>
                                <span class="d-block w-100 signature mt-md-4 text-left">
                                    <img src="{{ asset('assets/image/signature.png') }}" alt="signature">
                                </span>
                            </div>
                        </div>
                        <div class="col-md-6 mb-sm-0 mb-3 d-flex">
                            <div class="about-area6 text-center">
                                <img src="{{ asset('assets/image/about.jpeg') }}" alt="about"/>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'about-1')
            <section class="features-box py-4 py-md-5">
                <div class="container">
                    <div style="text-align: center;">
                        <div class="w-100 text-center title-bx1">
                            <h3 class="one8">{{ $item['title'] }}</h3>
                            <p class="headTag">{{ $item['shortDescription'] }}</p>
                        </div>
                    </div>
                    <div class="row justify-content-center" style="margin:30px 30px;">
                        @if (count($item['dynamicSections']) > 0)
                            @foreach ($item['dynamicSections'] as $dynamicSection)
                                <div class="col-md-6 mb-sm-0 mb-3 d-flex">
                                    <div class="bg-inner " style="border: 1px solid rgb(129, 149, 153); padding:25px; border-radius:25px; background-color: rgb(216 234 242);">
                                        <div>
                                            <h5 class="one8">{{ $dynamicSection['title'] }}</h5>
                                        </div>
                                        <div style="text-align: left;">
                                            <p>{!! $dynamicSection['description'] !!}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'notice-1')
            <section class=" py-4 pt-md-5 pb-md-0">
                <div class="features-box1 py-0 py-lg-5">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6 mb-sm-0 mb-3 pt-0 pt-md-5">
                                <img src="{{ $item['image'] }}" alt="" />
                            </div>
                            <div class="col-md-6 mb-sm-0 mb-3 mt-md-0 mt-3 ">
                                <div class="w-100 title-bx1">
                                    <h3 class="one8">{{ $item['title'] }}</h3>
                                    <p class="headTag">{{ $item['shortDescription'] }}</p>
                                </div>
                                @if (count($item['dynamicSections']) > 0)
                                    @foreach ($item['dynamicSections'] as $dynamicSection)
                                        <div class="notice-part">
                                            <a href="{{ url('/notice/details') }}/{{ $dynamicSection['slug'] }}">
                                                <h3>{{ $dynamicSection['title'] }}</h3>
                                            </a>
                                            @if ($dynamicSection['createdAt'] >=now()->subDays(15)->endOfDay())
                                                <button>{{ __('new') }}</button>
                                            @endif
                                        </div>
                                    @endforeach
                                @endif
                                <div class="col-md-12 px-0 text-center mt-5">
                                    <a href="{{ url('/notice/list') }}" class="btn-n1 solid "> View More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'events-1')
            <section class="missionVision">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 eventsSide">
                            <h5>{{ $item['title'] }}</h5>
                            <ul class="eventsList">
                                @if (count($item['dynamicSections']) > 0)
                                    @foreach ($item['dynamicSections'] as $dynamicSection)
                                        <li>
                                            <div class="dateSide">{!! $dynamicSection['title'] !!}</div>
                                            <div class="matrSide">{{ $dynamicSection['description'] }}
                                                <span> <i class="fa fa-clock-o" aria-hidden="true"></i> 4:45pm</span>
                                            </div>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'collegefacilities-1')
            <section class="collegeFacilities">
                <div class="w-100 text-center title-bx1">
                    <h3 class="one8">{{ $item['title'] }}</h3>
                    <p class="headTag">{{ $item['shortDescription'] }}</p>
                </div>
                <div class="container">
                    <div class="row">
                        @if (count($item['dynamicSections']) > 0)
                            @foreach ($item['dynamicSections'] as $dynamicSection)
                                <div class="col-6 col-sm-6 col-md-3">
                                    <img src="{{ $dynamicSection['image'] }}" alt="college-img"/>
                                    <span>{{ $dynamicSection['title'] }}</span>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'countHighlights-1')
            <section class="countHighlights">
                <h6>{{ $item['title'] }}</h6>
                <div class="container">
                    <div class="row">
                        @if (count($item['dynamicSections']) > 0)
                            @foreach ($item['dynamicSections'] as $dynamicSection)
                                <div class="col-6 col-sm-6 col-md-3">
                                    {{ $dynamicSection['description'] }}<span>{{ $dynamicSection['title'] }}</span>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'gallery-1')
            <section class="testimonials-bx py-4 py-md-5">
                <div class="w-100 text-center title-bx1">
                    <h3 class="one8">{{ $item['title'] }}</h3>
                    <p class="headTag">{{ $item['shortDescription'] }}</p>
                </div>
                <div class="container">
                    <div class="row" data-id="{{ count($item['dynamicSections']) }}">
                        @if (count($item['dynamicSections']) > 0)
                            <div id="owl-demo2" class="owl-carousel owl-theme">
                                @foreach ($item['dynamicSections'] as $dynamicSection)
                                    <div class="item">
                                        <img src="{{ $dynamicSection['image'] }}" alt="item-img"/>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </section>
        @endif
        @if ($item['slug'] == 'ncte-12')
            <div class="d-block w-100 my-5">
                <div class="container newsletter-bg">
                    <div class="row">
                        <div class="col-md-12">
                            <a target="_blank" href="{{ $item['shortDescription'] }}">
                                <h6 style="text-align: center;">{{ $item['title'] }}</h6>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endforeach
@endsection
@push('scripts')
    <script>
        const Email = document.getElementById('callback-email')
        const Form = document.querySelector('.news-area')
        const EmailVerify = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/
        Form.addEventListener('submit', (e) => {
            if ((EmailVerify.test(Email.value)) == false) {
                alert(`Invalid Email Address`)
                e.preventDefault()
            } else {
                return
            }
        })
    </script>
@endpush