@extends('layouts.master')
@section('content')
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<!-- contactus -->
<div class="container-inline" style="padding-top:85px">

    <div class="mapouter">
        <div class="gmap_canvas"><iframe width="100%" height="550" id="gmap_canvas"
                src="https://maps.google.com/maps?q=lahore%20kk%20networks&t=&z=13&ie=UTF8&iwloc=&output=embed"
                frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a
                href="https://fmovies2.org"></a><br>
            <style>
                .mapouter {
                    position: relative;
                    text-align: center;
                    height: 550px;
                    width: 100%;
                }

            </style><a href="https://www.embedgooglemap.net"></a>
            <style>
                .gmap_canvas {
                    overflow: hidden;
                    background: none !important;
                    height: 550px;
                    width: 100%;
                }

            </style>
        </div>
    </div>
</div>

@if (Session::has('messagesent'))
@if($lang == 'english')
<script>
    Swal.fire({
        icon: 'success',
        title: 'Message Sent Successfully',
        text: "Our Team Will Contact You Soon",
        showConfirmButton: false,
        timer: 2500

    })
    setTimeout(function () {
        window.location.reload();
    }, 2500);

</script>
@else
<script>
    Swal.fire({
        icon: 'success',
        title: 'پیغام کامیابی سے چلا گیا',
        text: "ہماری ٹیم جلد ہی آپ سے رابطہ کرے گی",
        showConfirmButton: false,
        timer: 2500

    })
    setTimeout(function () {
        window.location.reload();
    }, 2500);

</script>
@endif

@endif

<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
    @if($lang == 'english')
        @else
        @endif
    @include('layouts.breadcrumbs')
    <div class="container-fluid p-4">
        @if($lang == 'english')
            <div class="row justify-content-center ">

                <div class="col-lg-3 col-md-6 col-sm-8 px-4 ">
                    <div class="info">
                        @foreach ($links as $link)
                        @if(!$link->is_social)
                        <div class="mt-4">
                            <i class="{{ $link->icon }}"></i>
                            <h4>{{ $link->english_title }}</h4>
                            <p>{{$link->english_description}}</p>

                        </div>
                        @endif
                        @endforeach

                    </div>
                </div>
                <div class="col-lg-7 col-md-12 col-sm-6   mt-4 mt-lg-0">
                    <form action="{{ route('contactus.store') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" id="name" value="{{old('name')}}" name="name"
                                    placeholder="Enter Name">
                                @error('name')
                                <span style="color:red">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 form-group mt-1 mt-md-0">
                                <label for="email">Email Address</label>
                                <input type="text" class="form-control " id="email" value="{{old('email')}}" name="email"
                                    placeholder="Enter Email Address">
                                @error('email')
                                <span style="color:red">{{$message}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group mt-1">
                            <label for="phoneno">Phone No</label>
                            <input type="tel" class="mobile form-control " id="phoneno" value="{{old('phoneno')}}"
                                name="phoneno" placeholder="Enter Phone No">
                            @error('phoneno')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="form-group mt-1">
                            <label for="address">Address</label>
                            <input type="text" class="form-control " id="address" value="{{old('address')}}" name="address"
                                placeholder="Enter required Address">
                            @error('address')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="form-group mt-1">
                            <label for="message">Message</label>
                            <textarea class="form-control" id="message" value="{{old('message')}}" name="message"
                                rows="4"></textarea>
                            @error('message')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                            <div class="my-2">
                                <div class="text-left"><input type="submit" id="btn"
                                        class="btn btn-submit btn-outline-danger mt-2" value="Send Message">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        @else
            <div class="row justify-content-center text-right">
                <div class="col-lg-7 col-md-12 col-sm-6   mt-4 mt-lg-0">
                    <form action="{{ route('contactus.store') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 form-group mt-1 mt-md-0">
                                <label for="email" style="font-family: Nafees">ای میل اڈریس</label>
                                <input type="text" class="form-control text-right" id="email" value="{{old('email')}}" name="email"
                                    placeholder="ای میل ایڈریس درج کریں" style="font-family: Nafees">
                                @error('email')
                                <span style="color:red">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="name" style="font-family: Nafees">نام</label>
                                <input type="text" class="form-control text-right" id="name" value="{{old('name')}}" name="name"
                                    placeholder="نام درج کریں" style="font-family: Nafees">
                                @error('name')
                                <span style="color:red">{{$message}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group mt-1">
                            <label for="phoneno" style="font-family: Nafees">فون نمبر</label>
                            <input type="tel" class="mobile form-control text-right" id="phoneno" value="{{old('phoneno')}}"
                                name="phoneno" placeholder="فون نمبر درج کریں" style="font-family: Nafees">
                            @error('phoneno')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="form-group mt-1">
                            <label for="address" style="font-family: Nafees">پتہ</label>
                            <input type="text" class="form-control text-right" id="address" value="{{old('address')}}" name="address"
                                placeholder="مطلوبہ پتہ درج کریں" style="font-family: Nafees">
                            @error('address')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="form-group mt-1">
                            <label for="message" style="font-family: Nafees">پیغام</label>
                            <textarea class="form-control text-right" id="message" value="{{old('message')}}" name="message"
                                rows="4" style="font-family: Nafees"></textarea>
                            @error('message')
                            <span style="color:red">{{$message}}</span>
                            @enderror
                            <div class="my-2">
                                <div class="text-left"><input type="submit" id="btn"
                                        class="btn btn-submit btn-outline-danger mt-2" value="پیغام بھیجیں" style="font-family: Nafees">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-8 px-4 ">
                    <div class="info">
                        @foreach ($links as $link)
                        @if(!$link->is_social)
                        <div class="mt-4">
                            <div class="row">
                                <div class="col-md-10">
                                    <h4 style="font-family: Nafees">{{ $link->urdu_title }}</h4>
                                    @if($link->urdu_description == 'info@kknetworks.com.pk')
                                    <p>{{$link->urdu_description}}</p>
                                    @else
                                    <p style="font-family: Nafees">{{$link->urdu_description}}</p>
                                    @endif
                                </div>
                                <div class="col-md-2">
                                    <i class="{{ $link->icon }}"></i>
                                </div>
                            </div>

                        </div>
                        @endif
                        @endforeach

                    </div>
                </div>
            </div>
        @endif
    </div>

</section>


@endsection