@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<main>
    <div class="container-fluid contact">
       <div class="row contact__inner">
            <div class="col-12 col-sm-12-col-md-7 col-lg-7 contact__inner__info">
                <div class="contact__inner__info__block">
                    <h1>Anything, anytime</h1>
                    <p class="paragraph"><a href="mailto:concierge@cocojungle.co">concierge@cocojungle.co</a></p>
                    <p class="paragraph">We'll usually respond to an email in a couple of hours.</p>
                    <p class="paragraph">If you prefer to talk on phone, send us a note with your number</p>
                    <p class="paragraph"><a href="https://www.instagram.com/cocojunglecolaba/" target="_blank">Instagram <span class="icon"></span></a></p>
                </div>
                <div class="contact__inner__info__block">
                    <h1>Address</h1>
                    <p class="paragraph">25A Dhanraj Mahal,</p>
                    <p class="paragraph">Colaba, Mumbai 400001</p>
                    <p class="paragraph">Phone - 9819039995</p>
                </div>
            </div>
            <div class="col-12 col-sm-12-col-md-5 col-lg-5 contact__inner__form">
                <form class="contact__inner__form__block" id="contact_form">
                    @csrf
                    <h2>Or let's make it official</h2>
                    <div class="form-group">
                        <label for="contact_name">Name</label>
                        <input type="text" class="form-control" id="contact_name" name="contact_name">
                        <div class="error">
                            <span id="contact_name_err"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="contact_email_id">Email address</label>
                        <input type="email" class="form-control" id="contact_email_id" name="contact_email_id">
                        <div class="error">
                            <span id="contact_email_id_err"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="contact_mobile_number">Mobile number</label>
                        <input type="text" class="form-control" id="contact_mobile_number" name="contact_mobile_number" inputmode="numeric" pattern="[0-9]*" maxlength="10">
                        <div class="error">
                            <span id="contact_mobile_number_err"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="contact_order_number">Order number</label>
                        <input type="text" class="form-control" id="contact_order_number" name="contact_order_number" inputmode="numeric" pattern="[0-9]*" maxlength="10">
                    </div>
                    <div class="form-group">
                        <label for="contact_us_subject_id">Subject</label>
                        <select class="form-control" id="contact_us_subject_id" name="contact_us_subject_id">
                            <option value="">Select Subject</option>
                            @foreach($contact_us_subjects as $contact_us_subject_row)
                            <option value="{{$contact_us_subject_row->id}}">{{$contact_us_subject_row->subject_title}}</option>
                            @endforeach
                        </select>
                        <div class="error">
                            <span id="contact_us_subject_id_err"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="contact_message">Message</label>
                        <textarea class="form-control" id="contact_message" name="contact_message" rows="3"></textarea>
                        <div class="error">
                            <span id="contact_message_err"></span>
                        </div>
                      </div>
                    <button type="submit">Let me know</button>
                  </form>
            </div>
       </div>
    </div>
</main>
@endsection