@extends('web.layouts.container')

@section('content')

    <section class="contact-pg section bg-babyBlue">
        <div class="container">
            <div class="inner bg-white wow left_to_right_apperance">
                <div class="row align-items-end justify-content-between">
                    <div class="head mb-5 col-lg-12">
                        <h1 class="title mb-4 color-dark fw-bold">{{$contactUsTitle1}} <br> <span class="color-primary">{{$contactUsTitle2}}</span></h1>
                        <p class="det">{!! $contactUsPage->description !!}</p>
                    </div>
                </div>
                <div class="row">
                    @if($settings['site_phone'] ?? null)
                    <div class="col-lg-4">
                        <div class="contact_card inFlex mb-3">
                            <div class="icon_outer">
                                <img src="{{asset('assets/web/images/icons/contact-1.svg')}}" alt="" class="icon"/>
                            </div>
                            <div class="content">
                                <h5 class="title">{{__('settings.phone')}}</h5>
                                <p class="p mb-0">{{$settings['site_phone']}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($settings['site_email'] ?? null)
                    <div class="col-lg-4">
                        <div class="contact_card inFlex mb-3">
                            <div class="icon_outer">
                                <img src="{{asset('assets/web/images/icons/contact-2.svg')}}" alt="" class="icon"/>
                            </div>
                            <div class="content">
                                <h5 class="title">{{__('settings.email')}}</h5>
                                <p class="p mb-0">{{$settings['site_email']}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if($settings['site_address_'.$lang] ?? null)
                    <div class="col-lg-4">
                        <div class="contact_card inFlex mb-3">
                            <div class="icon_outer">
                                <img src="{{asset('assets/web/images/icons/contact-3.svg')}}" alt="" class="icon"/>
                            </div>
                            <div class="content">
                                <h5 class="title">{{__('settings.address')}}</h5>
                                <p class="p mb-0">{{$settings['site_address_'.$lang]}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
    <!-- Start contact-sec -->
    <section class="contact-sec section">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="sec-head mb-5 wow fadeInUp">
                        <h1 class="title color-dark fw-bold mb-4 text-capitalize">
                            {{$aboutUsTitle1}} <br> <span class="color-primary">{{$aboutUsTitle2}}</span>
                        </h1>
                        <div class="desc_container">
                            {!! wordLimit($aboutUsPage->description, 21) !!}
                        </div>
                        <div class="hours-box mt-5">
                            <h5 class="title color-dark mb-4"><b>{{__('workHours.appointment')}}</b></h5>
                            <div class="row">
                                <div class="col-6">
                                    @foreach($workHours[0] as $workHour)
                                        <div class="day_item">
                                            <span class="day">{{__('workHours.'.$workHour['week_day'])}}</span> :
                                            @if($workHour['status'] == 'open')
                                                <span class="time">