@extends('layouts.webLayoutMaster')

@section('meta')
<meta name="description" content="Experience top wine restaurants like Vecchia Firenze, Cantine Milano, La Buchetta, Parravicini, Aquila, and Vida, offering exquisite wines and fine dining.">
<meta name="keywords" content="wine restaurant, vecchia firenze art wine restaurant, cantine milano - wine & restaurant, la buchetta food & wine restaurant, parravicini restaurant e wine bar, vecchia firenze art wine restaurant, aquila restaurant - wine bar, vida - living restaurant wine bar, wine restauran">
@endsection

@section('canonical')
<link rel="canonical" href="https://www.vino-tasting.com/club" />
@endsection

@section('title')
- Club
@endsection

@section('css')
@endsection

@section('content')

<!-- banner of the page -->

<section class="">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center  py-5">
                <h1 class="heading text-uppercase">Club</h1>
                <ul class="list-unstyled breadcrumbs text-dark">
                    <li><a class="text-dark" href="{{ route('home') }}">Home</a></li>
                    <li>/</li>
                    <li>Club</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="p-0 py-5">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                
                @foreach ($clubs as $club)
                    <div class="club-container mb-5">
                        <div class="club-detail-container">
                            <span class="title fontpinyon club-name">{{ $club->name }}</span>
                            <p class="club-price">{{ '€'.number_format($club->price, 2) }}</p>
                            <p>{{ $club->description }}</p>

                            @if(auth()->guard('member')->check())
                                @php
                                    $joinStatus = 0;
                                    foreach ($club->wineClubMembers as $member) {
                                        if ($member->member_id == auth()->guard('member')->user()->id) {
                                            if ($member->accepted == 1) {
                                                $joinStatus = 1;
                                            } elseif ($member->accepted == 0 && $member->requested == 1) {
                                                $joinStatus = 2;
                                            } else {
                                                $joinStatus = 0;
                                            }
                                        }
                                    }
                                @endphp

                                @if ($joinStatus == 1)
                                    <div class="membership-accepted"> Joined <div class="club-arrow-icon"><span class="fa fa-user"></span></div></div>
                                @elseif ($joinStatus == 2)
                                    <div class="membership-pending"> Request Pending <div class="club-arrow-icon"><span class="fa fa-user"></span></div></div>
                                @else
                                    <a href="{{ route('club-join', $club->id) }}" target="_self" title="" class="btn-join-club"> Join the Club <div class="club-arrow-icon"><span class="fa fa-arrow-right"></span></div></a>
                                @endif
                            @else
                                <a href="{{ route('login-back-club') }}" target="_self" title="" class="btn-join-club"> Login Before Join <div class="club-arrow-icon"><span class="fa fa-arrow-right"></span></div></a>
                            @endif
                        </div>

                        <div class="club-image-container">
                            <img src="{{ asset('upload/wine_club/' . $club->id . '/' . $club->image) }}" alt="{{ $club->name }}">
                        </div>
                    </div>
                @endforeach
                
            </div>
        </div>
    </div>
</section>

@endsection

@section('js')
@endsection