@extends('frontend.master')
<link rel="stylesheet" href="{{ asset('') }}assets/frontend/css/recent_projects.css">
<link rel="stylesheet" href="{{ asset('') }}assets/frontend/css/blog_archive.css">
<link rel="stylesheet" href="{{ asset('') }}assets/frontend/css/blog_single.css">
@section('content')
    @php
        function convertStringToArray($string) {
            $result = [];
            $parts = explode(',', $string);

            foreach ($parts as $part) {
                $values = explode('##', $part);
                if (count($values) === 2) {
                    $result[] = [
                        "value" => $values[0],
                        "label" => ucfirst($values[1])
                    ];
                }
            }

            return $result;
        }
    @endphp
    <section id="pageBannerPart">
        <div class="banner_images">
            @if(!empty($pageDetails->banner))
                <!-- <div class="row">
                        <div class="col-md-12"> -->
                <img src="{{ asset('/'.$pageDetails->banner) }}" alt="Technology" class="img-fluid w-100">
                <!-- </div>
            </div> -->
            @endif
        </div>
    </section>
    <section id="blog_single">
        <div class="container">
            <div class="">
                <div class="col-lg-8 m-auto">
                    <div class="digital-part text-center technology">
                        @if(!empty($pageDetails->heading))
                            {!! $pageDetails->heading !!}
                        @endif
                    </div>
                </div>
            </div>
            <!-- Row -->
            <div class="">
                @if(!empty($pageDetails->short_description))
                    <section id="short_description">
                        {!! $pageDetails->short_description !!}
                    </section>
                @endif
                @if(!empty($pageDetails->description))
                    <section id="description">
                        {!! $pageDetails->description !!}
                    </section>
                @endif
                @if(!empty($contentDetails))
                    <section id="blog-part">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="blog-text">
                                        <h3>@if(!empty($pageDetails->page_name))
                                                {!! $pageDetails->page_name !!}
                                            @endif</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="featured_content">
                                <div class="row">
                                    @if($pageDetails->page_type == 'master')
                                        @foreach($contentDetails as $content)
                                            <div class="col-lg-4 col-sm-6">
                                                <div class="blog-tab">
                                                    <div class="img">
                                                        <a href="{{url('pages/program-details/'.$content->masters_program_id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                                      class="img-fluid w-100"></a>
                                                    </div>
                                                    <h4 class="courses_head"><a href="{{url('pages/program-details/'.$content->masters_program_id)}}">{!! $content->title !!}</a></h4>
                                                    <p class="date_time">
                                                        <span><img src="images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                        <span><img src="images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                                    </p>
                                                    <div class="course_price">
                                                        <span>${!! $content->amount !!}</span>
                                                        <button class="enroll_now" title="Enroll Courses">Apply Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    @elseif($pageDetails->page_type == 'courses')
                                        @foreach($contentDetails as $content)
                                            <div class="col-lg-4 col-sm-6">
                                                <div class="blog-tab">
                                                    <div class="img">
                                                        <a href="{{url('pages/course-details/'.$content->id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                            class="img-fluid w-100"></a>
                                                    </div>
                                                    <h4 class="courses_head"><a href="blog_single.html">{!! $content->title !!}</a></h4>
                                                    <p class="date_time">
                                                        <span><img src="images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                        <span><img src="images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                                    </p>
                                                    <div class="course_price">
                                                        <span>${!! $content->amount !!}</span>
                                                        <button class="enroll_now" title="Enroll Courses">Enroll Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @elseif($pageDetails->page_type == 'event')
                                        @foreach($contentDetails as $content)
                                            <div class="col-lg-4 col-sm-6">
                                                <div class="blog-tab">
                                                    <div class="img">
                                                        <a href="{{url('pages/event-details/'.$content->id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                           class="img-fluid w-100"></a>
                                                    </div>
                                                    <h4 class="courses_head"><a href="blog_single.html">{!! $content->title !!}</a></h4>
                                                    <p class="date_time">
                                                        <span><img src="images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                        <span><img src="images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                                    </p>
                                                    <div class="course_price">
                                                        <span>${!! $content->amount !!}</span>
                                                        <button class="enroll_now" title="Enroll Courses">Enroll Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    @elseif($pageDetails->page_type == 'common' && $pageDetails->form_status == 'Y')
                                        <form method="POST" action="{{ route('storeContactData') }}" enctype="multipart/form-data" name="formData" class="padding">
                                            @csrf
                                            <input type="hidden" class="form-control" name="program_id" value="contact" placeholder="">
                                            <input type="hidden" class="form-control" name="page_id" value="{{$pageDetails->page_id}}" placeholder="">
                                            <input type="hidden" class="form-control" name="page_type" value="{{$pageDetails->page_type}}" placeholder="">
                                            <div class="row">

                                                @php
                                                    $name = '';
                                                    $inputType = $contentDetails['inputType'];
                                                @endphp

                                                @foreach($contentDetails['formList'] as $forms)
                                                    @if($name != $forms->name)
                                                        @php $name = $forms->name @endphp
                                                        <div class="col-lg-12" style="margin: 20px;font-weight: bold;background-color: #0072bc;color: white;">{{$forms->name}}</div>
                                                    @endif
                                                    @if($forms->ftype == 'FR')
                                                        <div class="{{$forms->fclass}}">
                                                            <div class="from">
                                                                <label for="{{$forms->fid}}" class="form-label">{!! $forms->flabel !!} @if($forms->frequired == '1') <span class="required">*</span> @endif</label>
                                                                @php
                                                                    $fRadios = convertStringToArray($forms->foption_value);
                                                                @endphp
                                                                @foreach($fRadios as $key=>$fRadio)

                                                                    <input type="radio" id="radio{{$key}}" value="{{$fRadio['value']}}" name="{{$forms->fname}}" >
                                                                    <label for="radio{{$key}}" class="form-label"></span>{{$fRadio['label']}}</label>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div class="{{$forms->fclass}}">
                                                            <div class="from">
                                                                <label for="{{$forms->fid}}" class="form-label">{!! $forms->flabel !!} @if($forms->frequired == '1') <span class="required">*</span> @endif</label>
                                                                <input type="{{$inputType[$forms->ftype]}}" class="form-control" id="{{$forms->fid}}" name="{{$forms->fname}}" >
                                                            </div>
                                                        </div>
                                                    @endif

                                                @endforeach



                                                <div class="col-lg-6">
                                                    <div class="custom-inputs submit">
                                                        <button type="submit" class="btn">
                                                            Submit
                                                            <svg width="158" height="158" viewBox="0 0 158 158" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <g filter="url(#filter0_d)">
                                                                    <circle cx="79" cy="79" r="29" fill="#4F81BD"></circle>
                                                                </g>
                                                                <path d="M85.7762 78.3732L80.7203 72.9666C80.576 72.8123 80.3837 72.7275 80.1785 72.7275C79.9732 72.7275 79.781 72.8124 79.6367 72.9666L79.1776 73.4576C79.0334 73.6117 78.954 73.8175 78.954 74.0369C78.954 74.2562 79.0334 74.469 79.1776 74.6231L82.1272 77.7841H72.7563C72.3338 77.7841 72 78.1378 72 78.5897V79.2838C72 79.7357 72.3338 80.1251 72.7563 80.1251H82.1606L79.1777 83.3037C79.0335 83.458 78.9541 83.6583 78.9541 83.8777C78.9541 84.0969 79.0335 84.3 79.1777 84.4542L79.6368 84.9437C79.7811 85.098 79.9733 85.1821 80.1787 85.1821C80.3838 85.1821 80.5761 85.0969 80.7204 84.9426L85.7763 79.5361C85.921 79.3813 86.0006 79.1746 86 78.9549C86.0005 78.7345 85.921 78.5277 85.7762 78.3732Z" fill="white"></path>
                                                                <defs>
                                                                    <filter id="filter0_d" x="0" y="0" width="158" height="158" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                                                        <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                                                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
                                                                        <feOffset></feOffset>
                                                                        <feGaussianBlur stdDeviation="25"></feGaussianBlur>
                                                                        <feColorMatrix type="matrix" values="0 0 0 0 0.956863 0 0 0 0 0.501961 0 0 0 0 0.223529 0 0 0 0.4 0"></feColorMatrix>
                                                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend>
                                                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend>
                                                                    </filter>
                                                                </defs>
                                                            </svg>

                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    @endif
                                </div>
                            </div>
                            {{--                <div class="row">--}}
                            {{--                    <div class="col-lg-4 m-auto">--}}
                            {{--                        <div class="blog_number">--}}
                            {{--                            <ul>--}}
                            {{--                                <li><a class="active" href="">1</a></li>--}}
                            {{--                                <li><a href="">2</a></li>--}}
                            {{--                                <li><a href="">3</a></li>--}}
                            {{--                                <li><a href="">4</a></li>--}}
                            {{--                                <li><a href="">5</a></li>--}}
                            {{--                                <li><a href="">6</a></li>--}}
                            {{--                            </ul>--}}
                            {{--                        </div>--}}
                            {{--                    </div>--}}
                            {{--                </div>--}}
                        </div>
                    </section>
                @endif
            </div>
        </div>
    </section>
    <!-- =========================== Senior UX Designer PART START =========================== -->


    <div class="inside_gap"></div>

    <!-- =========================== Senior UX Designer PART END =========================== -->

    <!-- =========================== ENGEGMENT PART START =========================== -->

    <!-- Do you want to trained by us START -->
{{--    <section id="traind_by_us">--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-lg-8 m-auto">--}}
{{--                    <div class="trained_text">--}}
{{--                        <h3>Do you want to trained by us?</h3>--}}
{{--                        <p>At Doodle, we believe in quality over anything else. Our entire planning and execution are based on perfection and to ensure a flawless output. We deeply focus on the business values and ensure a transparent workflow throughout--}}
{{--                            the product development by consistent--}}
{{--                        </p>--}}
{{--                        <div class="img">--}}
{{--                            <img src="{{ asset('') }}assets/frontend/images/trained.png" alt="img">--}}
{{--                        </div>--}}

{{--                        <form action="">--}}
{{--                            <button class="trained_btn">--}}
{{--                                <span><a href="internship.html">Apply Now</a></span>--}}
{{--                                <p>--}}
{{--                                    <svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg">--}}
{{--                                        <circle cx="19.5" cy="20.2529" r="19.5" fill="white"/>--}}
{{--                                        <g clip-path="url(#clip0)">--}}
{{--                                            <path d="M24.5345 19.8489L20.7787 16.093C20.6715 15.9858 20.5286 15.9269 20.3763 15.9269C20.2237 15.9269 20.0809 15.9859 19.9737 16.093L19.6327 16.4341C19.5256 16.5411 19.4666 16.6841 19.4666 16.8366C19.4666 16.9889 19.5256 17.1367 19.6327 17.2438L21.8238 19.4397H14.8626C14.5488 19.4397 14.3008 19.6854 14.3008 19.9993V20.4815C14.3008 20.7955 14.5488 21.0659 14.8626 21.0659H21.8487L19.6328 23.2741C19.5257 23.3813 19.4667 23.5204 19.4667 23.6728C19.4667 23.8251 19.5257 23.9662 19.6328 24.0734L19.9738 24.4134C20.081 24.5206 20.2238 24.579 20.3764 24.579C20.5287 24.579 20.6716 24.5198 20.7788 24.4126L24.5346 20.6568C24.6421 20.5492 24.7012 20.4057 24.7008 20.2531C24.7011 20.0999 24.6421 19.9563 24.5345 19.8489Z" fill="black"/>--}}
{{--                                        </g>--}}
{{--                                        <defs>--}}
{{--                                            <clipPath id="clip0">--}}
{{--                                                <rect width="10.4" height="10.4" fill="white" transform="translate(14.3008 15.053)"/>--}}
{{--                                            </clipPath>--}}
{{--                                        </defs>--}}
{{--                                    </svg>--}}
{{--                                </p>--}}

{{--                            </button>--}}
{{--                        </form>--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}
    <!-- Do you want to trained by us END -->
    


@endsection