@extends('layouts.frontend')
@push('page-title')
    Personal Training Sessions
@endpush
@section('content')
    <section class="ptPageTop">
        <img class="img-fluid mainBgImage" src="{{ asset('images/homepage/2.jpg') }}">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <h1>Personal Training Sessions</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="ptPageMain">
        <div class="container">
            <div class="row mb-4">
                <div class="col-12">
                    <div class="topContent">
                        <p>Our Personal Training sessions include four drams of whisky chosen by our experts, from any of the different regions of Scotland or from the New World of whisky (USA, UK, Japan...).  However,if you do not really take to drinking whisky, don't be worried, we also conduct a Rum masterclass. </p>
                        <p>
                            An expert will be present with you the entire time (around one hour) and will discuss in great details the whiskies you'll be sampling.  Our expert will provide expertise on current tasting notes, flavours and aromas.  The expert will also discuss with you in great depth information about each bottle, the distilleries it comes from, similar whiskies and the process of production whilst answering any questions you may have about anything whisky related.
                        </p>
                        <p>
                            The tating session 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="ptSessionItem">
                            <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 }}</div>
                                </div>
                            </div>
                            {!! $session->description !!}
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <section id="ptPageBookBanner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h2>Important information</h2>
                    <ul>
                        <li>
                            All Personal Training sessions must be booked at least 28 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 Personal Training Session.
                        </li>
                        <li>
                            No Personal Training sessions are held on Fridays or Saturdays.
                        </li>
                        <li>
                            No Personal Training Sessions 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('personal-training-store') }}" 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 Personal Training session would you like to do?</label>
                                <select name="ptsession" id="ptsession" required>
                                    <option selected disabled>
                                        -- Choose a Personal Training Session --
                                    </option>
                                    @foreach($sessions as $session)
                                        <option value="{{ $session->title }}">{{ $session->title }}</option>
                                    @endforeach
                                </select>
                                @error('ptsession')
                                    <div class="text-danger">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Date of Session *</label>
                                <input type="date" name="ptsession_date" id="ptsession_date" value="{{ old('ptsession_date') }}" required>
                                @error('ptsession_date')
                                <div class="text-danger">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="">Time of Session *</label>
                                <input type="time" name="ptsession_time" id="ptsession_time" value="{{ old('ptsession_time') }}" required>
                                @error('ptsession_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