@extends('website.layout.default_layout')
@section('content')
@foreach($banner_data as $banner)
<div class="howitworks" style="background-image: url({{URL::asset('public/upload/banner/'.$banner->image)}});">
    <div class="container">
        <div class="row px-2 justify-content-center">
            <div class="col-sm-5 text-white text-center">
                <div class="howtitle ">
                    How to Reach Us
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach 
@if (count($errors) > 0)
<div class="alert alert-danger">
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif
<div class="flash-message">
    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
    @if(Session::has('alert-' . $msg))

    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
    </p>
    @endif
    @endforeach
</div>


<div class="container">
    @foreach($contact_data as $data)
    <div class="row mt-5 justify-content-center">
        <div class="col-sm-3 mt-3">
            <h5 class="text-center bg-custom1 py-4 text-white"><i class="fa fa-envelope-o" aria-hidden="true "></i> &nbsp;{{$data->email}}</h5>
        </div>
        <div class="col-sm-3 mt-3">


            <div class="text-center bg-custom1 py-4 text-white">
                <a href="{{$data->fb_link}}" target="_blank" class="text-white"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>&nbsp;
             <a href="{{$data->skype}}" target="_blank" class="text-white"><i class="fa fa-skype fa-2x" aria-hidden="true"></i></a>&nbsp;
             <a href="{{$data->linkedin_link}}" target="_blank" class="text-white"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a>&nbsp;
             <a href="{{$data->youtube}}" target="_blank" class="text-white"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a>&nbsp;
             <a href="{{$data->whatapp}}" target="_blank" class="text-white"><i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i></a>
            </div>

        </div>
        <div class="col-sm-3 mt-3">
            <h5 class="text-center bg-custom1 py-4 text-white"><i class="fa fa fa-phone" aria-hidden="true "></i> &nbsp;{{$data->contact}}</h5>
        </div>
    </div>
    @endforeach
    <div class="row justify-content-center">
        <div class="col-sm-9 pt-3 pb-3">

            <div class="back-contact-form bg-white">
                <form action="{{url('contactSave')}}" method="post">
                    @csrf
                    <div class="row  px-2 fadeInDown justify-content-center">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-sm-12 py-4">
                                    <div class="service_text  text-center">Contact from</div>
                                    <div class="text-center">
                                        <i class="fa fa-minus text_custom1" aria-hidden="true"></i>
                                        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                                        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                                        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                                        <i class="fa fa-minus text_custom1" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 py-1">
                                    <input type="text" name="name" id="name" class="form-control rounded-0" placeholder="Name" required>
                                </div>
                                <div class="col-sm-6 py-1">
                                    <input type="number" name="contact" id="phone" class="form-control rounded-0" placeholder="Your Phone Number" required>
                                </div>
                            </div>
                            <div class="row py-1">
                                <div class="col-sm-6 py-1">
                                    <input type="email" name="email" id="email" class="form-control rounded-0" placeholder="Your Email" required>
                                </div>

                                <div class="col-sm-6 py-1">
                                    <input type="text" name="subject" id="subject" class="form-control rounded-0" placeholder="Your Subject" required>
                                </div>

                            </div>
                            <div class="row pt-1">
                                <div class="col-sm-12">
                                    <textarea row="5" name="message" id="message" class="form-control ftxt_area rounded-0" placeholder="Your Message" required></textarea>
                                </div>
                            </div>
                            <div class="row pt-3 justify-content-center">
                                <div class="col-sm-3">
                                    <button type="submit" class="form-control bg-custom1 rounded-0 text-white"><b>Submit</b></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@stop