@extends('layouts.app')
@section('metades')
    <meta name="description" content="{{$data['metaDescription']}}" />
    <meta name="author" content="{{$data['metaTitle']}}" />
    <meta name="keywords" content="{{$data['metaKeyword']}}" />
@endsection
@section('title')
    <title>{{ucwords(str_replace('-',' ',$page))}} / {{__('Shyams Group')}}</title>
@endsection
@section('css')
@endsection
@section('content')
    <div class="clearfix"></div>
    @foreach($data['moduleItems'] as $item)
        <div class="banner-inner">
            <div class="text-bnr">
                <div class="container px-md-0">
                    <div class="row align-items-center"> 
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <div class="sec-sec"><h1>{{$item['title']}}</h1></div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 pull-right px-0">
                        <ol class="breadcrumb pull-right mb-0">
                            <li class="breadcrumb-item"><a href="{{url('/')}}">{{__('Home')}}</a></li>
                            <li class="breadcrumb-item about-item active">{{$item['title']}}</li>
                        </ol>
                    </div>
                      </div>
                </div>
            </div>
            <img title="{{$item['title']}}" alt="{{$item['title']}}"  src="{{$item['image']}}" class="w-100" />
        </div>
        <div style="clear:both !important"></div>
        <div class="container mb-5 mt-md-5 contact-page">
            <div class="row">
                <div class="col-md-6 mt-md-0 mt-4 px-md-0 flex-wrap mb-4">
                    <div class="col-md-12 px-0">
                        <div class="c-area1"> 
                            <span class="icon-area"><i class="fa fa-envelope" aria-hidden="true"></i></span>
                            <p>agarwala.vikram@gmail.com</p>
                        </div>
                    </div>
                    <div class="col-md-12 px-0">
                        <div class="c-area1"> 
                            <span class="icon-area"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                            <p>Jangal Khash Plot No- 158/194 Nedabora P.O & P.S-Jhargram, </p>
                        </div>
                    </div>
                    <div class="col-md-12 px-0">
                        <div class="c-area1"> 
                            <span class="icon-area"><i class="fa fa-phone" aria-hidden="true"></i></span>
                            <p>03222- 263846-274913 / 9475540692</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-5 m-auto float-none">
                    <div class="c-in-box ">
                        <div class="left-c8"><i class="fa fa-caret-left" aria-hidden="true"></i></div>
                        @if(Session::has('message'))
                            <div name="box" class="col-md-12 px-0">
                                <p class="alert alert-info text-center">{{ Session::get('message') }}</p>
                            </div>
                        @endif
                        <div name="box" class="col-md-12 px-0">
                            <form action="{{ route('contactUsSave') }}" method="POST" class="Callback-Form">
                                @csrf
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <input type="text" class="form-control" name="name" id="callback-name"  required="required" pattern="^[a-zA-Z\s]{1,100}$" placeholder="Name" /> 
                                    </div>
                                    <div class="form-group col-md-12">
                                        <input type="text" class="form-control" name="mobile" id="callback-mobile" required="required" pattern="^[0-9+]{10,15}$" placeholder="Phone" /> 
                                    </div>
                                    <div class="form-group col-md-12">
                                        <input type="Email" class="form-control" name="email" id="callback-email" required="required" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"  placeholder="Email" /> 
                                    </div>
                                    <div class="form-group col-md-12">
                                        <textarea class="form-control" name="message" id="callback-message"  required="required" placeholder="Message"></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center mt-4">
                                    <button type="submit" class="btn-area">{{ __('Send Request') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mt-md-5 contact-page">
            <div class="row">
                <div class="col-md-12 mt-md-0 mt-4 px-md-0 flex-wrap">
				{!! $item['longDescription'] !!}
                </div>
            </div>
        </div>
    @endforeach
    <div style="clear:both !important"></div>
@endsection
@section('js')
@endsection
@push('scripts')
  <script type="text/javascript">
    $(document).ready(function(){
      setTimeout(function() {
        $('#navbarNavAltMarkup #topManu ul li a#Contact-Us-top').addClass('active');
      },2000);
    });
  </script>
@endpush