@extends('front.layout.app')
@section('title', 'Hippa')
@section('content')

    @if(!empty($page->pageComponents))
        @forelse($page->pageComponents as $key => $section)
            @if($key == 0)
                <div class="innerBanner">
                    @if(!empty($section->pageComponentMedia[0]) && $section->pageComponentMedia[0]->file_type == 'image')
                        <img src="{{asset($section->pageComponentMedia[0]->file_name) ?? asset('front/images/aboutBanner.jpg')}}" class="w-100">
                    @elseif(!empty($section->pageComponentMedia[0]) && $section->pageComponentMedia[0]->file_type == 'video')
                        <video>
                            <source src="{{asset($section->pageComponentMedia[0]->file_name)}}" type="video/*">
                            Your browser does not support the video tag.
                        </video>
                    @endif

                    <h2>{{$section->title ?? 'HIPPA'}}</h2>
                </div>
            @endif
            @if($key == 1)
                <section class="termSec">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="termsContent">
                                    <h3>{{$section->title ?? 'Your Information. Your Rights. Our Responsibilities.'}} </h3>
                                    <p>{!! $section->sub_title ?? '' !!}</p>
                                    {!! $section->description ?? '' !!}
                                    {!! $section->description2 ?? '' !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            @endif
        @empty
            <div class="innerBanner">
                <img src="{{asset('front')}}/images/aboutBanner.jpg" alt="First slide" class="w-100">
            </div>
        @endforelse
    @endif

@endsection