@extends('frontend.layouts.app')
@section('page_title')
        {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')

@endpush
@section('content')

    <!-- Page Banner Start -->
    <div class="section page-banner-section" style="background-image: url({{asset('frontend/assets/images/contact-us.png')}});">
{{--    <div class="section page-banner-section" style="background-image: url({{isset($contactUs->image) ?  asset("storage/WebFront/ContactUs/".$contactUs->image) : asset('frontend/assets/images/1038.png')}});">--}}
        <div class="shape-2"></div>
        <div class="container">
            <div class="page-banner-wrap">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Page Banner Content Start -->
                        <div class="page-banner text-center">
                            <h2 class="title">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</h2>
{{--                            <ul class="breadcrumb justify-content-center">--}}
{{--                                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>--}}
{{--                            </ul>--}}
                        </div>
                        <!-- Page Banner Content End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Banner End -->

    <!-- Contact Info Start -->
    <div class="section contact-info-section">
        <div class="container contact-page">
            <!-- Contact Info Wrap Start -->
            <div class="contact-info-wrap">
                <div class="row">
                    <div class="col-lg-8 offset-sm-2 col-sm-6 col-md-6 card">
                        <!--Single Contact Info Start -->
                        <div class="single-contact-info text-center h-100">
                            <div class="info-icon color-2">
                                <i class="flaticon-phone-call"></i>
                            </div>
                            <div class="info-content">
                                <h5 class="title">Telephone</h5>
                                <p>+92 330 198 0603</p>
{{--                                <p>{{isset($contactUs->contact_us) ? $contactUs->contact_us : ''}}</p>--}}
                            </div>
                        </div>
                        <!--Single Contact Info End -->
                    </div>
                    <div class="col-lg-8 offset-sm-2 col-sm-6 col-md-6 card">
                        <!--Single Contact Info Start -->
                        <div class="single-contact-info text-center h-100">
                            <div class="info-icon color-1">
                                <i class="flaticon-email"></i>
                            </div>
                            <div class="info-content">
                                <h5 class="title">Drop Your Mail</h5>
                                <p>dcexam@tuf.edu.pk</p>
{{--                                <p>{{isset($contactUs->email) ? $contactUs->email : ''}}</p>--}}
                            </div>
                        </div>
                        <!--Single Contact Info End -->
                    </div>
                    <div class="col-lg-8 offset-sm-2 col-sm-6 col-md-6 card">
                        <!--Single Contact Info Start -->
                        <div class="single-contact-info text-center h-100">
                            <div class="info-icon color-3">
                                <i class="flaticon-pin"></i>
                            </div>
                            <div class="info-content">
                                <h5 class="title">Location</h5>
                                <p>Sargodha Road, University Town Faisalabad.</p>
{{--                                <p>{{isset($contactUs->location) ? $contactUs->location : ''}}</p>--}}
                            </div>
                        </div>
                        <!--Single Contact Info End -->
                    </div>
                </div>
            </div>
            <!-- Contact Info Wrap End -->
        </div>
    </div>
    <!-- Contact Info End -->

    <!-- Contact Map Start -->
    <div class="section contact-map-section">
        <div class="contact-map-wrap">
            <iframe id="gmap_canvas" src="https://maps.google.com/maps?q=31.496122670412134, 73.07369155396852&hl=es;z=14&amp;output=embed"></iframe>
{{--            <iframe id="gmap_canvas" src="https://maps.google.com/maps?q={{isset($contactUs->lang_long) ? $contactUs->lang_long : ''}}&hl=es;z=14&amp;output=embed"></iframe>--}}
        </div>
    </div>
    <!-- Contact Map End -->

    <!-- back to top start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- back to top end -->

@endsection
@push('footer-scripts')

@endpush