@extends('web.layouts.container')

@section('content')
<main>
    <!-- Start pg-header -->
    <section class="pg-header section">
        <div class="container">
            <div class="bread mb-4">
                <a href="{{ route('home') }}" class="pg_link"><img src="{{ asset('assets/web/images/icon.png')}}" alt="" class="icon"/></a> /
                <span class="pg_link active">{{ $page->currentDescription->page_title }}</span>
            </div>
            <h1 class="title text-white text-uppercase fw-bold text-center">{{ $page->currentDescription->page_title }}</h1>
        </div>
        <img src="{{ asset('assets/web/images/pg-header-1.png')}}" alt="" class="bg"/>
    </section>
    
    <!-- Start contact-pg -->
    <section class="contact-pg section d-none">
        <div class="container">
            <div class="careers_box mb-5">
                <div class="row ">
                    <div class="col-lg-6 px-0">
                        <div class="img_box">
                            <img src="{{ asset($page->image ?? 'assets/web/images/contact-1.svg')}}" alt="" class="sec-img zi-5"/>
                            <a href="{{route('jobs')}}"><img src="{{ asset('assets/web/images/icons/career.svg') }}" alt="" class="icon"/></a>
                        </div>
                    </div>
                    <div class="col-lg-6 px-0">
                        <div class="text_box">
                            <h1 class="title mb-4 pb-2">
                                {!! footerLink($page->currentDescription->title) !!}
                            </h1>
                            <div class="p">
                                {!! $page->currentDescription->description !!}
                            </div>
                            <p class="p">
                               <img src="{{ asset('assets/web/images/icons/mail.svg')}}" alt="" class="icon filterPrimary me-2"/> {{ app('site_settings')->site_email}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Start contact-sec -->
    @include('web.layouts.contactus')

    <!-- Start downloading-sec -->
    @include('web.layouts.downloading')

</main>
@endsection

@section('inner_js')
@endsection