@extends('front.layouts.app', ['title' => 'Membership'])

@section('content')
    @include('front.layouts.app-header')

    <section class="page_banner"
             style="background:rgb(0 0 0 / 60%) url(images/members_bg.jpg) center / cover no-repeat;background-blend-mode:color; ">
        <div class="container">
            <div class="row">
                <div class="col col-12">
                    <div class="page_banner_title">
                        <h1>Membership</h1>
                    </div>
                    <div class="c_breadcrumb">
                        <ul class="c_breadcrumb_inner">
                            <li class="c_breadcrumb_item">
                                <a href="{{route('home')}}">Home</a>
                            </li>
                            <!-- <li class="c_breadcrumb_item">
                                <a href="#!">Wines</a>
                            </li> -->
                            <li class="c_breadcrumb_item">Membership</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="membership_sec">
        <div class="container">
            <div class="row">
                <div
                    class="{{!empty($membership->image) && \Illuminate\Support\Facades\Storage::exists($membership->image) ? 'col col-8': 'col col-12'}}">
                    <div class="membership_content">
                        <h4>{{isset($membership) && isset($membership->title) ? $membership->title: ''}}</h4>
                        {!!isset($membership) && isset($membership->content) ? $membership->content: ''!!}
                        {{-- <p>Graileys is a unique place. Our highly original wine club concept operates much like that of a country club. We have created an inviting and comfortable space for you to taste the world`s very best wines from our ever-evolving inventory and from your own private collection. Unwind among fellow members and chat with visiting legendary winemakers and Sommeliers from local high-end wine vendors. Our membership will afford you access to our many bespoke wine tastings and events at our wonderful private facility in the Design District. A place where fine wines are shared and enjoyed nightly in a convivial, relaxed environment. We provide the perfect setting for you along with your guests or clients to enjoy a glass of amazing wine in discerning company with exceptional service.</p>

                        <ul>
                            <li>
                                <h4>Winemaker Tastings.</h4>
                                <p>Come meet the worlds best winery owners and winemakers at our monthly tastings.</p>
                            </li>
                            <li>
                                <h4>Vintage Release Tastings</h4>
                                <p>Top notch wineries choose Graileys to host release parties each vintage, as a member you are exclusively on the guest list.</p>
                            </li>
                            <li>
                                <h4>Sommelier hosted wine tastings.</h4>
                                <p>Each month the most renowned sommeliers and winemakers from around the world visit and host our members to taste the world’s finest wines.</p>
                            </li>
                            <li>
                                <h4>Members Events.</h4>
                                <p>Host your clients in one of our private rooms for personal tastings and meetings</p>
                            </li>
                            <li>
                                <h4>Professional wine brokerage.</h4>
                                <p>We research, taste and source the worlds finest wines through our network long standing relationships with collectors, the trade and winemakers alike. As a member you have first access to our exclusive offers of highly rated and new to market boutique & cult wines at great prices to add to your collection.</p>
                            </li>
                            <li>
                                <h4>Storage</h4>
                                <p>Long and short term storage available in our temperature controlled warehouse.</p>
                            </li>
                            <li>
                                <h4>Cellar Consultation</h4>
                                <p>Inventory and maintenance services provided to our members exclusively.</p>
                            </li>
                        </ul> --}}
                    </div>
                </div>
                @if(!empty($membership->image) && \Illuminate\Support\Facades\Storage::exists($membership->image))
                    <div class="col col-4">
                        <div class="membership_img_wrap"
                             style="background:rgb(0 0 0 / 60%) url({{ url('storage') . '/' . $membership->image}}) 60% center / cover no-repeat;"></div>
                    </div>
                @endif
            </div>
        </div>

        </div>
    </section>

    <section class="inquiry_form_sec"
             style="background:rgb(0 0 0 / 60%) url({{asset('images/inquiry_form_bg.jpg')}}) center / cover no-repeat fixed;background-blend-mode:color; ">
        <div class="container">
            <div class="row">
                <div class="col col-12">
                    <div class="section_title">
                        <h2>For Membership Inquiries Please Fill Out the Form below:</h2>
                    </div>
                </div>
                <div class="col col-10 mx-auto">
                    <div class="row inquiry_form_wrapper">
                        <div class="col col-8">
                            <div class="inquiry_form_content">
                                <h4>Membership Inquiry Form</h4>
                                <p>Graileys is a unique place. Our highly original wine club concept operates much like
                                    that of a country club. We have created an inviting and comfortable space for you to
                                    taste the world`s very best wines from our ever-evolving inventory and from your own
                                    private collection. Unwind among fellow members and chat with visiting legendary
                                    winemakers and Sommeliers from local high-end wine vendors. Our membership will
                                    afford you access to our many bespoke wine tastings and events at our wonderful
                                    private facility in the Design District. A place where fine wines are shared and
                                    enjoyed nightly in a convivial, relaxed environment. We provide the perfect setting
                                    for you along with your guests or clients to enjoy a glass of amazing wine in
                                    discerning company with exceptional service.</p>
                                <form id="membership_form" name="membership_form" data-parsley-validate="">
                                    <div class="row">
                                        <div class="col col-6">
                                            <div class="c_filed">
                                                <label for="name">First name</label>
                                                <input type="text" name="name" id="name" placeholder="Enter first name"
                                                       required>
                                            </div>
                                        </div>
                                        <div class="col col-6">
                                            <div class="c_filed">
                                                <label for="last_name">Last name</label>
                                                <input type="text" name="last_name" id="last_name"
                                                       placeholder="Enter last name" required>
                                            </div>
                                        </div>
                                        <div class="col col-6">
                                            <div class="c_filed">
                                                <label for="email">Email</label>
                                                <input type="email" name="email" id="email" placeholder="Enter email"
                                                       required>
                                            </div>
                                        </div>
                                        <div class="col col-6">
                                            <div class="c_filed">
                                                <label for="phone">Phone</label>
                                                <input type="number" name="phone" id="phone" placeholder="Enter Phone"
                                                       required>
                                            </div>
                                        </div>
                                        <div class="col col-12">
                                            <div class="c_filed">
                                                <label for="message">Write a Message</label>
                                                <textarea name="message" id="message" rows="3"
                                                          placeholder="Type here...." required></textarea>
                                            </div>
                                        </div>
                                        <div class="col col-12">
                                            <div class="form_submit">
                                                <div class="c_btn c_btn_red">
                                                    <button type="submit">Submit</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col col-4"
                             style="background:rgb(0 0 0 / 60%) url({{asset('images/member_forms.jpeg')}}) 60% center / cover no-repeat;"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('front.layouts.app-footer')
@endsection

@section('custom-js')
    <script>
        const membershipUrl = "{{route('make-membership-inquery')}}";
    </script>
@endsection