@extends('layouts.frontend')
@push('page-title')
    Our Cocktail Masterclasses
@endpush
@section('content')
    <section id="cocktailMasterclassPageTop">
        <img class="img-fluid mainBgImage" src="{{ asset('images/homepage/2.jpg') }}">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <h1>Cocktail Masterclasses</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="cocktailMasterclassPageMain">
        <div class="container">
            <div class="row mb-4">
                <div class="col-12">
                    <div class="topContent">
                        <p>
                            Our cocktail masterclasses offer you the opportunity to make (and drink!) your favourite concoctions from the Puffin' Rooms.  Once of our expertly trained bartenders will attend the class and share his/her knowledge on cocktail making and creating.  You'll also have the privilege to discuss the process of creation of a well-balance cocktail, where do the names come from and how to pair aromas and flavours with our expert.
                        </p>
                        <p>
                            The cocktail masterclass also includes some complimentary nibbles from our Chef.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach($sessions as $session)
                    <div class="col-md-6">
                        <div class="cocktailMasterclassItem">
                            <div class="row align-items-center mb-4">
                                <div class="col-md-8">
                                    <h4>{{ $session->title }}</h4>
                                </div>
                                <div class="col-md-4">
                                    <div class="price">£{{ $session->price }} ({{ $session->duration }})</div>
                                </div>
                            </div>
                            {!! $session->description !!}
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <section id="cocktailMasterclassBookBanner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 text-center mb-4">
                    <h2>Book a Cocktail masterclass</h2>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h3>Important Information</h3>
                    <ul>
                        <li>
                            All masterclasses must be booked at least 48 hours in advance.
                        </li>
                        <li>
                            Payment is to be made on the day (deposit to be paid for more than 4 people).
                        </li>
                        <li>
                            Maximum of six people per masterclass.
                        </li>
                        <li>
                            No masterclasses are held on Fridays or Saturdays.
                        </li>
                        <li>
                            No masterclasses start after 9pm (7pm on Sundays).
                        </li>
                    </ul>
                </div>
                <div class="col-md-6">
                    @if($errors->any())
                        <div class="alert alert-danger" role="alert">
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>
                                        {{ $error }}
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form action="{{ route('cocktail-masterclass-formStore') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">First Name *</label>
                                <input type="text" name="first_name" id="first_name" value="{{ old('first_name') }}" required>
                                @error('first_name')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="">Last Name *</label>
                                <input type="text" name="last_name" id="last_name" value="{{ old('last_name') }}" required>
                                @error('last_name')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Email Address *</label>
                                <input type="email" name="email_address" id="email_address" value="{{ old('email_address') }}" required>
                                @error('email_address')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="">Contact Number *</label>
                                <input type="tel" name="contact_number" id="contact_number" value="{{ old('contact_number') }}" required>
                                @error('contact_number')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <label for="">Which masterclass would you like to do?</label>
                                <select name="masterclass" id="masterclass" required>
                                    <option selected disabled>
                                        -- Choose a masterclass --
                                    </option>
                                    @foreach($sessions as $session)
                                        <option value="{{ $session->title }}">{{ $session->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Date of Masterclass *</label>
                                <input type="date" name="masterclass_date" id="masterclass_date" value="{{ old('masterclass_date') }}" required>
                                @error('masterclass_date')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="">Time of masterclass *</label>
                                <input type="time" name="masterclass_time" id="masterclass_time" value="{{ old('masterclass_time') }}" required>
                                @error('masterclass_time')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <label for="">Number of guests*</label>
                                <input type="number" name="no_of_guests" id="no_of_guests" min="1" max="6" value="{{ old('no_of_guests') }}" required>
                                @error('no_of_guests')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 offset-md-6">
                                <button type="submit" class="goldOutlineGoldTextBtn">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection