@php
    /** @var $getData */
    $title = $getData->title;
    $text = $getData->text;
    $identifier = $getData->slug;
    $created_at = $getData->created_at;
    $updated_at = $getData->updated_at;
    $perex = $getData->perex;
@endphp

@extends('themes.'.config('smartekcms.themes.frontend').'.app', array(
    'title' => $title,
    'meta_description'=>Illuminate\Support\Str::limit(strip_tags(htmlspecialchars_decode( $perex ??= $text )),156),
    'perex' => $perex,
    'cover_image' => $coverImage,
    'identifier' => $identifier,
    'keywords' => trans('front.corporate.corporate'),
    'slug' => $identifier,
    'model_type' => 'corporate',
))

@section('head')
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "{{ trans('front.general.home') }}",
        "item": "{{ route('home') }}"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "{{ trans('front.corporate.corporate') }}",
        "item": "{{ route('corporate/', ['corporate' => trans('route.frontend.corporate') ]) }}"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "{{ $getData->title }}",
        "item": "{{ route('corporate/corporate', ['corporate' => trans('route.frontend.corporate'), 'slug' => $getData->slug ]) }}"
      }]
    }
    </script>
@endsection

@section('content')

    <!-- ====== Banner Start ====== -->
    <section class="st-page-banner">
        <!--v2 banner-->
        <div class="card">
            <div class="card-img-overlay" style="background-image: url('{{ $general_settings->getFirstMediaUrlTraitAttribute('corporate', 'default') }}');"></div>
            <div class="container" style="z-index: 1">
                <div class="st-banner-content">
                    <h1 class="text-center">{{ $getData->title }}</h1>
                </div>
                <ul class="st-breadcrumb">
                    <li><a href="{{ route('home') }}">{{ trans('front.general.home') }}</a></li>
                    <li><a href="{{ route('corporate/', ['corporate' => trans('route.frontend.corporate') ]) }}">{{ trans('front.corporate.corporate') }}</a></li>
                    <li class="active"><a href="{{ route('corporate/corporate', ['corporate' => trans('route.frontend.corporate'), 'slug'=> $getData->slug]) }}">{{ $getData->title }}</a></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- ====== Banner End ====== -->

    <!-- ====== Corporate Details Start ====== -->
    <section class="ud-blog-details pt-5">
        <div class="container">
            <div class="row d-block">

                <div class="col-lg-8 float-end wow fadeInUp" data-wow-delay=".15s">
                    <!--  @if($coverImage = $getData->getFirstMediaUrlTraitAttribute('cover', 'default'))
                        <div class="ratio ratio-16x9 ud-blog-details-image mb-5">
                            <img src="{{ $coverImage }}" alt="{{ $getData->slug }}| corporate details images"/>
                            <div class="ud-blog-overlay opacity-50"></div>
                        </div>
                    @endif -->
                    <div class="ud-blog-details-content">
                        <h2 class="ud-blog-details-title st-corporate">{{ $getData->title }}</h2>
                        <div class="ud-blog-details-para">{!! $getData->text !!}</div>
                    </div>
                </div>

                <div class="col-lg-4 float-start wow fadeInLeft" data-wow-delay=".15s">
                    <div class="ud-blog-sidebar pt-0 pb-5">

                        <div class="st-sidebar-menu card">
                            <ul class="st-corporate-sidebar-ul">
                                @foreach($corporates as $corporate)
                                    <li @class(['active' => $corporate->id == $getData->id])>
                                        <h4 class="ud-article-title">
                                            <a href="{{ route('corporate/corporate', ['corporate' => trans('route.frontend.corporate'), 'slug' => $corporate->slug]) }}">{{ $corporate->title }}</a>
                                        </h4>
                                    </li>
                                @endforeach
                            </ul>
                        </div>

                        <div class="ud-newsletter-box">
                            <img src="{{ asset('themes/smartblue/images/blog/dotted-shape.svg') }}" alt="shape" class="shape shape-1"/>
                            <img src="{{ asset('themes/smartblue/images/blog/dotted-shape.svg') }}" alt="shape" class="shape shape-2"/>

                            <h5 class="ud-newsletter-title">{{ trans('front.smartblue.corporate.newsletter_title') }}</h5>
                            <p>{{ trans('front.smartblue.corporate.newsletter_desc') }}</p>
                            <form class="ud-newsletter-form" action="{{ route('subscribeFormPost') }}" method="post" id="SubscribeNewsletterForm">
                                @csrf
                                <input aria-label="email" type="email" name="email" placeholder="{{ trans('front.smartblue.corporate.newsletter_email_address') }}"/>
                                <button class="ud-main-btn" type="submit">{{ trans('front.smartblue.corporate.newsletter_submit_btn') }}</button>
                                <p class="ud-newsletter-note"><i>*{{ trans('front.smartblue.corporate.newsletter_note') }}</i></p>
                            </form>
                        </div>

                        <div class="ud-banner-ad position-relative">
                            <h2 class="position-absolute text-white" style="bottom: 1rem; left: 1rem;">{{ trans('front.contact.info') }}</h2>
                            <a href="{{ route('contact', ['contact' => trans('route.frontend.contact') ]) }}">
                                <img src="{{ asset('themes/smartblue/images/leftsidebar/contact-info-phone-1869510_640-min.jpg') }}" alt="st-left_sidebar-contact-info-phone"/>
                            </a>
                        </div>
                        <div class="st-contact-list mx-2">
                            <a class="mb-2" href="tel:{{ $contact->phone }}"><i class="fa fa-phone pe-3 opacity-75"></i>{{ $contact->phone }}</a>
                            <a class="mb-2" href="mailto:{{ $contact->email }}"><i class="fa fa-paper-plane pe-3 opacity-75"></i>{{ $contact->email }}</a>
                        </div>

                        <!--              <div class="ud-banner-ad">-->
                        <!--                <a href="javascript:void(0)">-->
                        <!--                  <img src="assets/images/blog/bannder-ad.png" alt="ad banner"/>-->
                        <!--                </a>-->
                        <!--              </div>-->

                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ====== Corporate Details End ====== -->

@endsection

@section('js')
    <script type="text/javascript">
        $(document).ready(function(){

            (function($) {
                "use strict";
                // code here

                // Validate Forms
                $(function() {

                    //footer subscribe form
                    $('#SubscribeNewsletterForm').validate({
                        rules: {
                            email: {
                                required: true,
                                email: true
                            }
                        },
                        messages: {
                            email: {
                                required: "{{ trans('front.general.subscribe_email_required') }}"
                            }
                        },
                        submitHandler: function(form) {
                            $(form).ajaxSubmit({
                                type:"POST",
                                data: $(form).serialize(),
                                url:"/subscribe",
                                success: function() {
                                    $('#SubscribeForm :input').attr('disabled', 'disabled');
                                    $('#SubscribeForm').fadeTo( "slow", 1, function() {
                                        $(this).find(':input').attr('disabled', 'disabled');
                                        $(this).find('label').css('cursor','default');
                                        $('#subscribeSuccess').fadeIn()
                                        $('.modal').modal('hide');
                                        $('#subscribeSuccess').modal('show');
                                    })
                                },
                                error: function() {
                                    $('#SubscribeForm').fadeTo( "slow", 1, function() {
                                        $('#error').fadeIn()
                                        $('.modal').modal('hide');
                                        $('#error').modal('show');
                                    })
                                }
                            })
                        }
                    });

                })

                // end.code here
            })(jQuery)
        })
    </script>
	@parent
@endsection