@extends('web.layout.app')
@section('css')
@endsection
@section('content')
    <div class="map-holder">
        <div class="map-activator"></div>
        <div class="page-title" id="map"></div>
    </div>
    <div class="section contact-section">
        <div class="container">
            <div class="contact-section-box text-center">
                <div class="row">
                    <div class="col-md-6 col-md-push-3">
                        <h2>התחבר עם צ'יבאס ירושלים</h2>
                        <h3>צרו קשר או בקרו במשרדינו</h3>
                        <p>לנוחיותך ישנם מספר סניפים של צ'יבאס ירושלים המשמשים גם כמיקומי זריקה של pushka. רוצה ליצור קשר ישירות עם הסניף המקומי שלך? אנא השתמש בטופס ובמידע המופיע להלן.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section contact-form-section">
        <div class="container">
            <div class="col-xs-12">
                @if(Session::has('message')) 
                    <div class=" alert alert-success"> 
                        <span class="glyphicon glyphicon-ok "></span><em> {!! session('message') !!}</em>
                    </div>
                @endif
            </div>
            <div class="col-xs-12">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul style="list-style: none;">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <div class="col-md-8">
                <h3>שלח לנו מייל</h3>
                {!! Form::open(['url' => route('contactForm'), 'method' => 'POST']) !!}
                <div class="col-md-6"><input name="name" type="text" placeholder="שֵׁם" class="name-icon" value="{{Old('name')}}" /></div>
                <div class="col-md-6"><input name="phone" type="text" placeholder="טלפון" class="phone-icon" value="{{Old('phone')}}" /></div>
                <div class="col-md-6"><input name="email" type="text" placeholder="אימייל" class="email-icon" value="{{Old('email')}}" /></div>
                <div class="col-md-6"><input name="address" type="text" placeholder="כתובת" class="address-icon" value="{{Old('address')}}" /></div>
                <div class="col-md-12"><textarea name="message" rows="5" placeholder="הוֹדָעָה" class="message-icon" style="margin-bottom:0;">{{Old('message')}}</textarea></div>
                <div class="col-md-6"><input name="captcha" type="text" placeholder="קפטצ'ה" class="lock-icon" style="text-transform:none;" /></div>
                <div class="col-md-6 text-center"><img src="{{$captcha}}" style="margin-top:20px;"></div>
                <div class="col-md-12" style="margin-top:40px;"><button type="submit" class="btn btn-primary btn-lg btn-block contact-send-btn">לשלוח הודעה</button></div>
                {!! Form::close() !!}
            </div>
            <div class="col-md-4">
                <h3>מִשׂרָד</h3>
                <p class="contact-office-info">
                    <strong> ענף</strong><br>
                    KOLEL CHIBAS JERUSALEM<br>
                    RABBI MEYER BAAL HANESS<br>
                    4802-A 12th Ave.<br>
                    Brooklyn, NY 11219<br><br>
                    <strong>E-MAIL</strong><br>
                    admin@chibasjerusalem.com<br><br>
                    <strong> טלפון</strong><br>
                    1-718-633-7112<br><br>
                    <strong> ללא תשלום (24/7)</strong><br>
                    1-866-PUSHKA-0<br>
                    1-866-787-4520<br><br>
                    <strong>פַקס</strong><br>
                    1-718-633-5783
                </p>
            </div>
        </div>
    </div>
    <div class="section offices-section">
        <div class="container">
            <h2>משרדים אחרים שלנו</h2>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <h3>וויליאמסבורג</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>מונסי / ריבוע חדש</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>אַנְגלִיָה</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>צָרְפַת</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <h3>וויליאמסבורג</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>מונסי / ריבוע חדש</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>אַנְגלִיָה</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>צָרְפַת</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <h3>וויליאמסבורג</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>מונסי / ריבוע חדש</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>אַנְגלִיָה</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <h3>צָרְפַת</h3>
                    <p>
                        רחוב רודני 143<br>
                        ברוקלין, ניו יורק 11211<br><br>
                        <strong>טֵלֵפוֹן</strong><br>
                        718-387-1700
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script>
        function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: 40.637086, lng: -73.993984},
                zoom: 15,
                styles: [{
                    featureType: 'all'
                },{
                    featureType: 'road.arterial',
                    elementType: 'geometry',
                    stylers: [
                        { hue: '#00ffee' },
                        { saturation: 50 }
                    ]
                },{
                    featureType: 'poi.business',
                    elementType: 'labels',
                    stylers: [
                        { visibility: 'off' }
                    ]
                }]
            });
            var myLatLng = {lat: 40.637086, lng: -73.993984};
            var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                title: ''
            });
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIq64gUJzEfUGFEHYJn6eCMNMX9QjII1o&callback=initMap&language=iw&region=IL" async defer></script>
@endsection
@section('scripts')
@endsection