@extends('website.layouts.globalLayout')

@section('content')
@php
$user = user();
@endphp
<div class="content pharmacy-cart-content" style="min-height: 481.602px;">
    <div class="container">
       <form action="{{route('website.checkout.validate')}}" method="post"> @csrf
        <div class="row" style="transform: none;">
            <div class="col-md-7 col-lg-8">
                <div class="card billing-card">
                    <div class="card-header">
                        <h3 class="card-title">information de livraison</h3>
                    </div>
                    <div class="card-body">

                        <div class="booking-subtotal">
                            <h5>Choisissez une addresse de livraison</h5>
                            <ul class="mt-4">
                                <li>
                                    <div class="">
                                        @foreach (myAdresses() as $address)
                                        <label class="shipping-radio">
                                            <input type="radio" value="{{$address->id}}" id="{{"address".$address->id}}" name="address_id" @if ($address->is_default ==
                                            "yes")checked=""@endif >
                                            <span class="checkmark"></span>
                                            {{$address->address}}, {{$address->town}}, {{$address->country}}
                                            <br>{{$address->latitude}} {{$address->longitude}}
                                        </label>
                                        @endforeach

                                    </div>
                                </li>
                            </ul>

                        </div>
                        <div>

                            <div class="billing-info-widget">
                                <div class="row">
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label>Prénom <span>*</span></label>
                                            <input class="form-control" readonly value="{{$user->first_name}}"
                                                type="text">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label>Nom <span>*</span></label>
                                            <input class="form-control" readonly value="{{$user->last_name}}"
                                                type="text">
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label>Téléphone <span>*</span></label>
                                            <input class="form-control" readonly value="{{$user->telephone}}"
                                                type="text">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label>Email <span>*</span></label>
                                            <input class="form-control" readonly value="{{$user->email}}" type="text">
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-sm-12">
                                        <div class="form-group">
                                            <label>Note de la commande (facultative)</label>
                                            <textarea class="form-control"
                                                placeholder="Notes about your order,  Ex: Lorem ipsum dolor sit amet"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-5 col-lg-4 theiaStickySidebar"
                style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">
                <div class="theiaStickySidebar"
                    style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none; top: 0px; left: 1072px;">
                    <div class="card booking-total-card">
                        <div class="card-header">
                            <h3 class="card-title">Résumé de votre commande</h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive order-table-responsive">
                                <table class="table table-center order-table mb-0">
                                    <tbody>
                                        @foreach (myCart() as $cart)
                                        <tr>
                                            <td>
                                                <div class="table-avatar-order">
                                                    <div class="table-avatar-img">
                                                        <a href="{{ route('website.pharmacies.drugs.details', $doctor->id) }}"><img class="avatar-img"
                                                                src="{{asset($cart->pharmacyDrug->image ?? "no-image.png")}}"
                                                                alt=""></a>
                                                    </div>
                                                    <div class="table-avatar-order-info">
                                                        <a href="">{{$cart->pharmacyDrug->speciality_name}}</a>
                                                        <p>Qté: {{$cart->qte}}</p>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-end order-total">{{$cart->total}} Fcfa</td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                            <div class="booking-subtotal">
                                <ul>
                                    <li>Subtotal <span>{{myCart()->sum('total')}} Fcfa</span></li>
                                </ul>
                                <ul>
                                    <li>
                                        Livraison
                                        <div class="mt-3">
                                            <label class="shipping-radio">
                                                <input type="radio" name="radio" checked="">
                                                <span class="checkmark"></span>
                                                Livraison Standard (1000 Fcfa)
                                            </label>
                                            <label class="shipping-radio">
                                                <input type="radio" name="radio">
                                                <span class="checkmark"></span>
                                                Livraison Expresse 10-20min (2500 Fcfa)
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li>Total: <span class="total-amount">{{myCart()->sum('total')}} Fcfa</span></li>
                                </ul>
                            </div>
                            <div class="payment-order-option accordion">
                                <div class="payment-order">
                                    <div class="payment-custome-radio">
                                        <label class="payment_radio_option" data-bs-toggle="collapse"
                                            data-bs-target="#on_delivery" for="onDelivery">
                                            <input type="radio" name="method" value="onDelivery" id="onDelivery" checked="">
                                            <span class="checkmark"></span>
                                            Paiement à la livraison
                                        </label>
                                    </div>
                                    <div id="on_delivery" class="collapse show">
                                        <div class="order-info-content">
                                            <p>Payé votre commande à l'arrivé du livreur</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="payment-order">
                                    <div class="payment-custome-radio">
                                        <label class="payment_radio_option" data-bs-toggle="collapse"
                                            data-bs-target="#check_payments" for="onLine">
                                            <input type="radio" name="method" value="onLine" id="onLine">
                                            <span class="checkmark"></span>
                                            Paiements National
                                        </label>
                                    </div>
                                    <div id="check_payments" class="collapse in">
                                        <div class="order-info-content">
                                            <p>Payer avec Orange Money, FreeMoney, Wave Sénégal..</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="payment-order">
                                    <div class="payment-custome-radio">
                                        <label class="payment_radio_option" data-bs-toggle="collapse"
                                            data-bs-target="#cash_delivery" for="onLineI">
                                            <input type="radio" name="method" value="onLineI" id="onLineI">
                                            <span class="checkmark"></span>
                                            Paiement Internationnal
                                        </label>
                                    </div>
                                    <div id="cash_delivery" class="collapse in">
                                        <div class="order-info-content">
                                            <p>Visa, MasterCart, Paypal</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="subtotal-booking">
                                <button type="submit" href="" class="btn">Acheter</button>
                            </div>
                        </div>
                    </div>
                    <div class="resize-sensor"
                        style="position: absolute; inset: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
                        <div class="resize-sensor-expand"
                            style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                            <div
                                style="position: absolute; left: 0px; top: 0px; transition: all 0s ease 0s; width: 390px; height: 1321px;">
                            </div>
                        </div>
                        <div class="resize-sensor-shrink"
                            style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                            <div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       </form>
    </div>
</div>
@include('website.includes.part.footer')
@endsection