@extends('layouts.app')

@section('content')
<form method="POST" action="{{route('shopping_cart_validate')}}">
    @csrf
    <div class="row h-full m-0">
        @if($shoppingCart != [])
            <div class="h-full col l9 m12 pl-5 pt-1" style="max-height: 92vh;overflow-y: auto;">
                <h4>Votre panier</h4>
        @else
            <div class="col s12">
        @endif
                <div class="row m-0 mt-1 pr-1">
                    @php $total = 0 @endphp
                    @forelse($shoppingCart as $key => $panier)
                        <div class="col s12">
                            <a href="{{ route('shopping_cart_delete', ['activity_id' => $panier->id]) }}" class="right shoppingCart-delete">
                                <i class="fas fa-times-circle deep-orange-text text-darken-1"></i>
                            </a>

                            <div class="row m-0 p-1 pb-2 grey lighten-4">
                                <div class="col l4 circle shoppingCart-circle">
                                    <div class="shoppingCart-img" style="background:url('{{ $panier->link0 }}')"></div>
                                </div>
                                <div class="col l10 s12">
                                    <a href="{{route('activity_details', ['activity_id' => $panier->id])}}">
                                        <h5 class="m-0">{{ $panier->name }}</h5>
                                    </a>

                                    <p>
                                        {{$panier->note}} / 5 @include('components.star', ['note' => $panier->note]) |
                                        <span class="categori-show" style="background :{{ \App\SubCategory::find($panier->sub_category_id)->category->hexa }}"></span>
                                        {{ \App\SubCategory::find($panier->sub_category_id)->category->name }} >
                                        <span>{{ \App\SubCategory::find($panier->sub_category_id)->name }}</span> |
                                        {{sizeof($panier->comments)}} commentaires</a>
                                    </p>


                                    <span class="shoppingCart-price">{{ $panier->price }} €</span>
                                </div>

                                @if(\Auth::check())
                                    <div class="col s12 mb-1 mt-2">
                                        <h6>Envoyer ce cadeaux à :</h6>
                                        <p>Pour recevoir votre cadeau sur votre adresse mail ({{\Auth::user()->email ?? ''}}), ne remplissez pas ces champs</p>
                                    </div>
                                    <div class="input-field col l6 m6 s12">
                                        <label>Nom</label>
                                        <input name="friend_name[{{$key}}]" type="text" class="validate" placeholder="Nom du destinataire du cadeau">
                                    </div>
                                    <div class="input-field col l6 m6 s12">
                                        <label>Email</label>
                                        <input name="friend_name[{{$key}}]" type="text" class="validate" placeholder="Email du destinataire du cadeau">
                                    </div>
                                    <div class="input-field col s12">
                                        <label>Votre message</label>
                                        <textarea name="text[{{$key}}]" class="materialize-textarea" placeholder="Votre message au destinataire du cadeau"></textarea>
                                    </div>
                                @endif
                            </div>


                        </div>

                        <div class="shoppingCart-separator"></div>

                        @php $total += $panier->price @endphp
                    @empty
                        <div class="center-align col s12">
                            <h4>Il n'y a pas de panier  <i class="far fa-frown"></i></h4>
                            <p>Retouner <a href="{{route('home')}}">à l'accueil</a> pour trouver des activités à ajouter ici</p>
                        </div>
                    @endforelse

                    @if($total != 0)
                        {{-- Total = {{$total}} --}}
                    @endif
                </div>
            </div>

        @if($shoppingCart != [])
            <div class="h-full col l3 m12 shoppingCart-rightZone pt-2 px-2">
                @if(\Auth::check())
                    <h5 class="white-text mb-2">Total : {{$total}} €</h5>
                    <button class="btn w-100" type="submit">Valider votre panier</button>

                    <a href="{{route('shopping_cart_validate')}}">
                        <p>Vous avez déjà rempli toutes ces informations ? Reprenez votre panier où vous l'avez laissé ici</p>
                    </a>
                @else
                    <div class="white-text">
                        <h5 class="mb-1">Pour continuer vous devez être connecté</h5>
                        <a class="btn w-100" href="{{ route('login') }}">Connexion</a>
                        <hr style="border:none">
                        <a class="btn w-100" href="{{ route('register') }}">Inscription</a>
                    </div>

                    <h5 class="white-text mt-2 mb-2">Total : {{$total}} €</h5>
                @endif

                <div class="pt-1">
                    <ul class="collapsible">
                        <li>
                            <div class="collapsible-header">
                                <i class="fas fa-shield-alt"></i> Paiement sécurisé
                            </div>
                            <div class="collapsible-body shoppingCart-collapsible-body">
                                <span>En utilisant PayPal, vous vous assurez que votre paiement est sécurisé par une des entreprises les plus populaires au monde !</span>
                            </div>
                        </li>
                        <li>
                            <div class="collapsible-header">
                                <i class="far fa-calendar-check"></i> Vos activitées assurées
                            </div>
                            <div class="collapsible-body shoppingCart-collapsible-body">
                                <span>Soyez serein à propos de vos activités. Si vous avez un problème, nous mettrons tout en oeuvre pour vous aider !</span>
                            </div>
                        </li>
                        <li>
                            <div class="collapsible-header">
                                <i class="fas fa-shipping-fast"></i> Livraison instantanée
                            </div>
                            <div class="collapsible-body shoppingCart-collapsible-body">
                                <span>Recevez directement votre code par mail pour pouvoir en profiter n'importe quand !</span>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        @endif

    </div>
</form>


@endsection