@extends('layout')
@section('page_slug', 'checkout')
@section('page_title', __('firstcop.checkout.cart'))
@section('content')
    <div class="container mx-auto pt-20 mb-4 mt-10">
        @if(Session::has('cart_price_increase'))
            <div class="row">
                <div class="message alert">
                    {{Session::get('cart_price_increase')}}
                </div>
            </div>
        @endif
        @if(Session::has('cart_price_decrease'))
            <div class="row">
                <div class="message success">
                    {{Session::get('cart_price_decrease')}}
                </div>
            </div>
        @endif
        @if(Session::has('cart_product_not_found'))
            <div class="row">
                <div class="message error">
                    {{Session::get('cart_product_not_found')}}
                </div>
            </div>
        @endif
        @if(Session::has('cart_discount_unavailable'))
            <div class="row">
                <div class="message error">
                    {{Session::get('cart_discount_unavailable')}}
                </div>
            </div>
        @endif
        @if($pendingOrders)
            @foreach($pendingOrders as $order)
                    <div class="row">
                        <div class="message text-center">
                            Vous avez une commande en cours d'un montant de  <span class="font-bold">{{$order->total}}€</span> pour le produit <span class="font-bold">{{$order->firstLine->name}}</span> vous pouvez finaliser la commande jusqu'à <strong>{{$order->created_at->add(config('setting.time_before_cancel_waiting_order') . ' minutes')->format('H:i')}}</strong>, le produit sera ensuite remis en vente <br/><a target="_blank" href="{{ $order->getPayUrl() }}" class="btn btn--fc mt-5 mb-5">Voir ma commande</a>
                        </div>
                    </div>
            @endforeach
        @endif
        @if(!$product)
            <div class="row text-center py-20">
                <div class="btn mb-10">Merci d'ajouter un produit à votre panier pour continuer</div>

                <div class="mb-10">
                    <a class="btn btn--fc" href="{{route('home')}}">Voir nos produits</a>
                </div>
            </div>
        @else

            <div class="row row-cols-1 md:row-cols-2">
                <div class="border-r-4 col">
                    <div class="w-full pt-10 text-center text-2xl">


                        <div class="">
                            <img class="inline-block" src="{{$product->picture->url}}"/>
                        </div>
                        <div class="">
                            {{$product->name}}
                        </div>
                        <div class="row row-cols-2">
                            <div class="product-criterion">
                                @foreach($declination->criterions as $criterion)
                                    <span class="font-bold">{{$criterion->title}}</span> : {{$criterion->pivot->value}}<br/>
                                @endforeach
                            </div>
                            <div class="product-price">
                                @if($offer->type == 'buy')

                                    <span class="line-through text-xl">{{$offer->sellOffer->price}}€</span> {{$offer->price}}€
                                @else
                                    <span class="">{{$offer->price}}€</span>
                                @endif
                            </div>
                        </div>
                        <div class="mt-5">
                            @include('reinsurance', ['onePerLine' => true, 'page' => 'cart'])
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="w-full">


                        <h1 class="mb-2 text-4xl font-bold">Mon panier</h1>

                        <div class="row row-cols-2 mb-2 border-b-2">
                            <div class="col text-left font-bold">Produit :</div><div class="col text-right">{{$offer->price}}€</div>
                        </div>
                        <div class="row row-cols-2 mb-2 border-b-2">
                            <div class="text-left font-bold">Frais de service {{$feeRate*100}}% + port :</div><div class="col text-right">{{$fee}}€</div>
                        </div>
                        <div class="row row-cols-2 mb-2 border-b-2">
                            <div class="text-left text-sm">Dont frais de port :</div><div class="col text-right text-sm">{{$shipping}}€</div>
                        </div>

                        <div class="row row-cols-2 mb-2 border-b-2">
                            <div class="col text-left font-bold">Total :</div><div class="col text-right">{{$cartTotal }}€</div>

                        </div>

                        @if($discount)
                            <div class="row row-cols-2 ">
                                <div class="text-left font-bold">Remise :</div><div class="text-right">{{$discount}}€</div>
                            </div>
                            <div class="row mb-2 border-b-2">
                                <form action="{{route('cart')}}" method="post" class="block">
                                    @csrf
                                    <input type="hidden" name="action" value="removeDiscount">
                                    <button class="text-red-800">Supprimer la remise et ne pas utiliser mes points</button>
                                </form>
                            </div>
                            <div class="row row-cols-2 mb-2 border-b-2">
                                <div class="text-left font-bold">Total avec remise:</div><div class="text-right"> {{$cartTotal - $discount}}€</div>
                            </div>
                        @endif
                        @if(!empty($possibleDiscount) && empty($discount))
                            <div class="row mb-2 border-b-2 pb-2">
                                <div>
                                        Votre commande dépasse {{$possibleDiscount['step']}}€ vous pouvez
                                        utiliser {{$possibleDiscount['points']}} points pour bénéficier d'une remise
                                        de {{$possibleDiscount['points'] * config('setting.fidelity_point_to_discount')}}€


                                </div>
                                <div class="text-center">
                                    <form action="{{route('cart')}}" method="post" class="inline">
                                        @csrf
                                        <input type="hidden" name="action" value="useDiscount">
                                        <input type="hidden" name="points" value="{{$possibleDiscount['points']}}">
                                        <button class="btn btn--fc">Utiliser mes points</button>
                                    </form>
                                </div>
                            </div>
                        @endif
                        @auth
                            <form method="post">
                            <div class="row mb-4 border-b-2">
                                <div>
                                    <div class="font-bold">Adresse de livraison</div>
                                    <ul>
                                        @foreach(auth()->user()->addresses as $address)
                                        <li class="mb-2">

                                            <label>
                                                {{Form::radio('shippingAddress', $address->id, $address->default & \App\Models\Address::isShipping)}}
                                                {{$address->firstname}} {{$address->lastname}}
                                                {{$address->address1}}@if($address->address2),
                                                  {{$address->address2}}
                                                  @endif
                                                {{$address->city}}, {{$address->postalCode}}
                                            </label>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                <div class="mb-2">
                                    <a href="{{route('account.address', ['addressId' => 'new', 'back' => 'checkout'])}}" class="btn btn--fc">Ajouter une adresse</a>
                                </div>
                            </div>
                            <div class="row mb-4 border-b-2">
                                <div>
                                    <div class="font-bold">Adresse de Facturation</div>
                                    <ul>
                                        @foreach(auth()->user()->addresses as $address)
                                        <li class="mb-2">

                                            <label>
                                                {{Form::radio('billingAddress', $address->id, $address->default & \App\Models\Address::isBilling)}}
                                                {{$address->firstname}} {{$address->lastname}}
                                                {{$address->address1}} @if($address->address2) ,
                                                  {{$address->address2}}
                                                  @endif
                                                {{$address->city}}, {{$address->postalCode}}
                                            </label>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                <div class="mb-2">
                                    <a href="{{route('account.address', ['addressId' => 'new', 'back' => 'checkout'])}}" class="btn btn--fc">Ajouter une adresse</a>
                                </div>
                            </div>
                            <div class="row mb-2 text-center" >
                                <label>
                                    <input type="checkbox" class="cgv" id="cgv" name="cgv" value="1"> Veuillez lire et accepter les conditions générales de vente pour continuer <br/>
                                    <a class="text-fcgrey-midLight" target="_blank" href="{{route('page', ['page'=>'conditions-genererales-de-ventes'])}}">Lire les conditions générales de vente</a>
                                </label>
                            </div>
                            <div class="row mb-2 text-center" >

                                    {{ csrf_field() }}
                                    <div class="col-md-12 mt-5">
                                        <div class="inline-block align-middle text-center mr-3">
                                            <img class="m-auto h-5 mb-1" src="{{asset('/storage/firstcop/logos/logo-cb.jpeg')}}" />
                                            <img class="m-auto h-3 mb-1" src="{{asset('/storage/firstcop/logos/logo-visa.png')}}" />
                                        </div>
                                        <button class="btn-large btn--fc sell-button cgv-prevent disabled align-middle" disabled id="checkout_continue_and_pay">{{__('firstcop.checkout.continue_and_pay')}}</button>
                                    </div>
                            </div>
                            </form>
                        @else
                            <div class="row text-center pt-10">
                                <div class="col-12 mb-10">
                                Merci de vous connecter ou de créer un compte pour continuer

                                </div>
                                <div class="col-12 mb-10">
                                    <a class="btn-large btn--fc sell-button" href="{{route('login')}}">Connexion</a>
                                </div>
                                <div class="col-12">
                                <a
                                    class="btn-large btn--fc buy-button" href="{{route('register')}}">Inscription</a>
                                </div>
                            </div>
                        @endauth
                    </div>
                </div>
            </div>

        @endif
    </div>
    @if($replacement)
    <div class="buy-offer-popup modal fc-modal fc-modal-active" id="replacement-popup">
        <div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div>

        <div class="modal-container bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto">

            <div class="modal-close absolute top-0 right-0 cursor-pointer flex flex-col items-center mt-4 mr-4 text-white text-sm z-50">
                <svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
                    <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>
                </svg>
                <span class="text-sm">(Esc)</span>
            </div>

            <!-- Add margin if you want to see some of the overlay behind the modal-->
            <div class="modal-content py-4 text-left px-6">
                <!--Title-->
                <div class="flex justify-between items-center pb-3">
                    <p class="text-2xl font-bold">Vous avez déjà un produit dans votre panier, voulez-vous le replacer</p>
                    <div class="modal-close cursor-pointer z-50">
                        <svg class="fill-current text-black" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
                            <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>
                        </svg>
                    </div>
                </div>
                <form action="{{route('cart')}}" method="post">
                <!--Body-->
                    @csrf


                    <p>Produit de remplacement :<br/> {{$replacement['product']->name}}</p>
                    <p>
                        <span class="text-sm">
                    @foreach ($replacement['declination']->criterions as $criterion)
                                {{__($criterion->slug)}} : {{$criterion->pivot->value}} <br/>
                            @endforeach
                        </span>
                    </p>

                        <input type="hidden" name="action" value="replaceProduct">
                        <input type="hidden" name="slug" value="{{$replacement['product']->slug}}">
                        <input type="hidden" name="declination" value="{{$replacement['declination']->id}}">

                    <!--Footer-->
                    <div class="flex justify-between pt-2">
                        <a class="btn btn--fc-inverse" href="{{route('checkout')}}">Annuler</a>

                        <button class="btn btn--fc">Remplacer le produit</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
    @endif
@stop