@extends('frontend.layouts.app')

@section('title')
My Cart | Brokenshire Medical Center
@endsection

@section('seo')
<style>
    .blank-banner {
        background: url('{{url("/images/banner.jpg")}}') !important;
    }
</style>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="My Cart | Brokenshire Medical Center" />
<meta property="og:url" content="{{ url('/cart') }}" />
<meta property="og:site_name" content="My Cart | Brokenshire Medical Center"/>
<meta property="og:image" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:icon" content="{{ asset('images/icons/android-chrome-192x192.png') }}" />
<link rel="icon" href="{{ asset('images/icons/android-chrome-192x192.png') }}">
<meta property="og:description" content="Brokenshire Medical Center offers exceptional healthcare services in Davao City. We are committed to compassionate care, affordability, and excellence. Find a doctor, schedule an appointment, or learn more about our services." />
<meta property="og:keywords" content="Davao City hospital, Philippines healthcare, Quality medical care, Affordable healthcare, Compassionate care, Medical specialties (Urinalysis, Fecalysis, Ova & Parasites, Amoeba, Complete Blood Count, Red Blood Cells, White Blood Cells, Platelet Count, Hemoglobin, Hemetocrit), Appointments, Patient portal, Medical records">
@endsection

@section('content')
    <div class="container-fluid bg-dark blank-banner">
        <div class="container text-white">
            <div>
                <h3 class="fw-bold mb-2">My Cart</h3>
                {{-- <div>
                    <i class="fa-solid fa-angle-right"></i> <span>Gallery</span>
                </div> --}}
            </div>
        </div>
    </div>

    <div class="container-fluid bg-light pb-5">
        <div class="container py-5">
            <h2 class="fw-bold green mb-5">Lorem Ipsum</h2>
            <div class="border-top border-danger border-3">
            </div>
            <div class="row">
                <div class="col-lg-8 mt-3">
                    <div class="bg-white py-2 px-3 rounded">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="fw-bold">Plan A (Suite)</h6>
                                <h6 class="fw-bold">(Male)</h6>
                            </div>
                            <div class="text-secondary">
                                Price
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <div>

                            </div>
                            <div>
                                <h6 class="fw-bold">
                                    ₱22,290.00
                                </h6>
                            </div>
                        </div>
                        <div class="row justify-content">
                            <div class="col-lg-8">
                                <p class="text-secondary">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non diam posuere, sagittis risus eget, porttitor enim.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="bg-white py-2 px-3 rounded">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="fw-bold"><span class="green">Sign in</span> to your account to see exclusive promos.</h6>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between mt-4">
                            <div>
                                <h4 class="fw-bold">Promotions</h4>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between pb-2 border-bottom">
                            <div>
                                <span class="text-secondary">Senior Care Lab Package</span>
                            </div>
                            <div>
                                <span class="green">
                                    -₱ 999.00
                                </span>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between mt-3">
                            <div>
                                <span class="text-secondary">Subtotal</span>
                            </div>
                            <div>
                                <span class="text-black">
                                    ₱ 21,291.00
                                </span>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between pb-2 border-bottom">
                            <div>
                                <span class="text-secondary">Discount</span>
                            </div>
                            <div>
                                <span class="text-danger">
                                    -₱ 4,258.00
                                </span>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between mt-3">
                            <div>
                                <span class="fw-bold">Total</span>
                            </div>
                            <div>
                                <span class="fw-bold">
                                    ₱ 17,032.00
                                </span>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between mt-3">
                            <div class="w-100">
                                <button class="btn btn-success bg-green w-100 border-0 py-2 hover-green-opacity-80">
                                    CHECKOUT
                                </button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="py-5 bg-light"></div>
@endsection