@extends('layouts.app', ['isCart' => TRUE])

@section('css_after')
    <style>


        input, textarea, label {
            display: block;
            outline: none;
            border: none;
            margin: 0;
        }


        /*//////////////////////////////////////////////////////////////////
        [ Block1 ]*/
        .block1-bg {
            position: relative;
        }

        .block1-content {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
        }

        .block1-wrap-icon {
            position: absolute;
            width: 100%;
            bottom: 26px;
            left: 0;
            opacity: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

        .block1-icon {
            border-radius: 50%;
            overflow: hidden;
            background-color: #81b03f;
            margin: 0 5px;
        }

        ul.categoryList li {
            background: #ffffff;
            margin-bottom: 10px;
            padding: 10px;
            font-size: 18pt;
            border-radius: 10px;
            border: 1px solid #e5e5e5;
        }

        .block1-icon {
            font-size: 18pt;
            padding: 10px;
            color: white;
        }

        .block1-icon {
            background: white;
            color: #81b03f;
        }

        .block1-icon:hover {
            opacity: 1;
        }

        .block1-bg:hover .block1-content-more {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            opacity: 0;
        }

        .block1-bg:hover .block1-wrap-icon {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        /*---------------------------------------------*/
        .js-addwish-b1 .icon-addedwish-b1 {
            display: none;
        }

        .js-addwish-b1 .icon-addwish-b1 {
            display: inline-block;
        }

        .js-addedwish-b1 .icon-addedwish-b1 {
            display: inline-block;
        }

        .js-addedwish-b1 .icon-addwish-b1 {
            display: none;
        }

        /*------------------------------------------------------------------
        [ rs1 block1 ]*/

        .rs1-block1 .block1-icon {
            width: 28px;
            height: 28px;
        }

        .rs1-block1 .block1-icon img {
            max-height: 50%;
        }

        /*------------------------------------------------------------------
        [ rs2 block1 ]*/
        .rs2-block1 .block1-content {
            bottom: 12.8%;
        }

        .rs2-block1 .block1-wrap-icon {
            position: absolute;
            width: 100%;
            bottom: 0px;
            left: 0;
            opacity: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

        @media (max-width: 767px) {
            .rs2-block1 .block1-content {
                bottom: 5%;
            }
        }


        /*==================================================================
            TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
        ==================================================================*/
        .cl0 {
            color: #fff;
        }

        .cl1 {
            color: #111;
        }

        .cl2 {
            color: #222;
        }

        .cl3 {
            color: #333;
        }

        .cl4 {
            color: #444;
        }

        .cl5 {
            color: #555;
        }

        .cl6 {
            color: #666;
        }

        .cl7 {
            color: #777;
        }

        .cl8 {
            color: #888;
        }

        .cl9 {
            color: #999;
        }

        .cl10 {
            color: #81b03f;
        }

        .cl11 {
            color: #ffcc00;
        }

        .cl12 {
            color: #ff3333;
        }

        .cl13 {
            color: #f1f1f1;
        }

        .cl14 {
            color: #f7f6f2;
        }

        .cl15 {
            color: #363636;
        }

        /*//////////////////////////////////////////////////////////////////
        [ S-Text 0 - 15 ]*/
        .txt-s-101 {

            font-size: 15px;
            line-height: 1.6;
        }

        .txt-s-102 {

            font-size: 15px;
            line-height: 1.8666667;
        }

        .txt-s-103 {

            font-size: 14px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-s-104 {

            font-size: 15px;
            line-height: 2;
        }

        .txt-s-105 {

            font-size: 14px;
            line-height: 1.6;
            text-transform: uppercase;
        }

        .txt-s-106 {

            font-size: 14px;
            line-height: 1.6;
        }

        .txt-s-107 {

            font-size: 15px;
            line-height: 1.6;
            text-transform: uppercase;
        }

        .txt-s-108 {

            font-size: 15px;
            line-height: 1.5;
        }

        .txt-s-109 {

            font-size: 13px;
            line-height: 1.6;
        }

        .txt-s-110 {

            font-size: 12px;
            line-height: 1.5;
        }

        .txt-s-111 {

            font-size: 12px;
            line-height: 1.6;
        }

        .txt-s-112 {

            font-size: 15px;
            line-height: 2;
        }

        .txt-s-113 {

            font-size: 12px;
            line-height: 1.2;
        }

        .txt-s-114 {

            font-size: 14px;
            line-height: 1.7;
        }

        .txt-s-115 {

            font-size: 15px;
            line-height: 1.5;
        }

        .txt-s-116 {

            font-size: 15px;
            line-height: 1.6;
            letter-spacing: 0.5px;
        }

        .txt-s-117 {

            font-size: 14px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-s-118 {

            font-size: 12px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-s-119 {

            font-size: 12px;
            line-height: 1.6;
        }

        .txt-s-120 {

            font-size: 13px;
            line-height: 1.6;
        }

        .txt-s-121 {

            font-size: 15px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-s-122 {

            font-size: 15px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-s-123 {

            font-size: 13px;
            line-height: 1.5;
        }


        /*//////////////////////////////////////////////////////////////////
        [ M-Text 16 - 25 ]*/
        .txt-m-101 {

            font-size: 20px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .txt-m-102 {

            font-size: 20px;
            line-height: 1.2;
        }

        .txt-m-103 {

            font-size: 18px;
            line-height: 1.2;
        }

        .txt-m-104 {

            font-size: 18px;
            line-height: 1.2;
        }

        .txt-m-105 {

            font-size: 25px;
            line-height: 1.2;
        }

        .txt-m-106 {

            font-size: 16px;
            line-height: 1;
            letter-spacing: 1px;
        }

        .txt-m-107 {

            font-size: 16px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-m-108 {

            font-size: 17px;
            line-height: 1.2;
        }

        .txt-m-109 {

            font-size: 20px;
            line-height: 1.5;
        }

        .txt-m-110 {

            font-size: 18px;
            line-height: 1.5;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .txt-m-111 {

            font-size: 16px;
            line-height: 1.2;
        }

        .txt-m-112 {

            font-size: 20px;
            line-height: 1.2;
        }

        .txt-m-113 {

            font-size: 16px;
            line-height: 1.2;
        }

        .txt-m-114 {

            font-size: 18px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .txt-m-115 {

            font-size: 16px;
            line-height: 1.875;
        }

        .txt-m-116 {

            font-size: 25px;
            line-height: 1.2;
            letter-spacing: 1px;
        }

        .txt-m-117 {

            font-size: 22px;
            line-height: 1.363636;
        }

        .txt-m-118 {

            font-size: 22px;
            line-height: 1.272727;
            text-transform: uppercase;
        }

        .txt-m-119 {

            font-size: 18px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .txt-m-120 {

            font-size: 22px;
            line-height: 1.363636;
        }

        .txt-m-121 {

            font-size: 20px;
            line-height: 1.5;
        }

        .txt-m-122 {

            font-size: 18px;
            line-height: 1.3;
        }

        .txt-m-123 {

            font-size: 22px;
            line-height: 1.363636;
            text-transform: uppercase;
        }

        .txt-m-124 {

            font-size: 20px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .txt-m-125 {

            font-size: 24px;
            line-height: 1.2;
        }

        .txt-m-126 {
            Italic;
            font-size: 18px;
            line-height: 1.6;
        }

        .txt-m-127 {

            font-size: 18px;
            line-height: 1.5;
        }


        /*---------------------------------------------*/
        .txt-m-201 {
            font-family: PlayfairDisplay-Italic;
            font-size: 20px;
            line-height: 1.3;
            letter-spacing: 1px;
        }

        .txt-m-202 {
            font-family: PlayfairDisplay-Italic;
            font-size: 18px;
            line-height: 1.3;
            letter-spacing: 1px;
        }

        /*---------------------------------------------*/
        .txt-m-301 {
            font-family: Pacifico-Regular;
            font-size: 18px;
            line-height: 1.3;
        }

        /*---------------------------------------------*/
        .txt-m-401 {
            font-family: Courgette-Regular;
            font-size: 20px;
            line-height: 1.5;
        }

        /*---------------------------------------------*/
        .txt-m-501 {
            font-family: Quattrocento-Regular;
            font-size: 18px;
            line-height: 1.2;
        }

        /*//////////////////////////////////////////////////////////////////
        [ Border ]*/
        .bo-t-0, .bo-tr-0, .bo-tb-0, .bo-tl-0, .bo-trb-0, .bo-tbl-0, .bo-trl-0, .bo-all-0 {
            border-top-width: 0px;
            border-top-style: solid;
        }

        .bo-t-1, .bo-tr-1, .bo-tb-1, .bo-tl-1, .bo-trb-1, .bo-tbl-1, .bo-trl-1, .bo-all-1 {
            border-top-width: 1px;
            border-top-style: solid;
        }

        .bo-t-2, .bo-tr-2, .bo-tb-2, .bo-tl-2, .bo-trb-2, .bo-tbl-2, .bo-trl-2, .bo-all-2 {
            border-top-width: 2px;
            border-top-style: solid;
        }

        .bo-t-3, .bo-tr-3, .bo-tb-3, .bo-tl-3, .bo-trb-3, .bo-tbl-3, .bo-trl-3, .bo-all-3 {
            border-top-width: 3px;
            border-top-style: solid;
        }

        .bo-t-4, .bo-tr-4, .bo-tb-4, .bo-tl-4, .bo-trb-4, .bo-tbl-4, .bo-trl-4, .bo-all-4 {
            border-top-width: 4px;
            border-top-style: solid;
        }

        .bo-t-5, .bo-tr-5, .bo-tb-5, .bo-tl-5, .bo-trb-5, .bo-tbl-5, .bo-trl-5, .bo-all-5 {
            border-top-width: 5px;
            border-top-style: solid;
        }

        .bo-t-6, .bo-tr-6, .bo-tb-6, .bo-tl-6, .bo-trb-6, .bo-tbl-6, .bo-trl-6, .bo-all-6 {
            border-top-width: 6px;
            border-top-style: solid;
        }

        .bo-t-7, .bo-tr-7, .bo-tb-7, .bo-tl-7, .bo-trb-7, .bo-tbl-7, .bo-trl-7, .bo-all-7 {
            border-top-width: 7px;
            border-top-style: solid;
        }

        .bo-t-8, .bo-tr-8, .bo-tb-8, .bo-tl-8, .bo-trb-8, .bo-tbl-8, .bo-trl-8, .bo-all-8 {
            border-top-width: 8px;
            border-top-style: solid;
        }

        .bo-t-9, .bo-tr-9, .bo-tb-9, .bo-tl-9, .bo-trb-9, .bo-tbl-9, .bo-trl-9, .bo-all-9 {
            border-top-width: 9px;
            border-top-style: solid;
        }

        .bo-t-10, .bo-tr-10, .bo-tb-10, .bo-tl-10, .bo-trb-10, .bo-tbl-10, .bo-trl-10, .bo-all-10 {
            border-top-width: 10px;
            border-top-style: solid;
        }

        .bo-t-11, .bo-tr-11, .bo-tb-11, .bo-tl-11, .bo-trb-11, .bo-tbl-11, .bo-trl-11, .bo-all-11 {
            border-top-width: 11px;
            border-top-style: solid;
        }

        .bo-t-12, .bo-tr-12, .bo-tb-12, .bo-tl-12, .bo-trb-12, .bo-tbl-12, .bo-trl-12, .bo-all-12 {
            border-top-width: 12px;
            border-top-style: solid;
        }

        .bo-t-13, .bo-tr-13, .bo-tb-13, .bo-tl-13, .bo-trb-13, .bo-tbl-13, .bo-trl-13, .bo-all-13 {
            border-top-width: 13px;
            border-top-style: solid;
        }

        .bo-t-14, .bo-tr-14, .bo-tb-14, .bo-tl-14, .bo-trb-14, .bo-tbl-14, .bo-trl-14, .bo-all-14 {
            border-top-width: 14px;
            border-top-style: solid;
        }

        .bo-t-15, .bo-tr-15, .bo-tb-15, .bo-tl-15, .bo-trb-15, .bo-tbl-15, .bo-trl-15, .bo-all-15 {
            border-top-width: 15px;
            border-top-style: solid;
        }

        .bo-t-16, .bo-tr-16, .bo-tb-16, .bo-tl-16, .bo-trb-16, .bo-tbl-16, .bo-trl-16, .bo-all-16 {
            border-top-width: 16px;
            border-top-style: solid;
        }

        .bo-t-17, .bo-tr-17, .bo-tb-17, .bo-tl-17, .bo-trb-17, .bo-tbl-17, .bo-trl-17, .bo-all-17 {
            border-top-width: 17px;
            border-top-style: solid;
        }

        .bo-t-18, .bo-tr-18, .bo-tb-18, .bo-tl-18, .bo-trb-18, .bo-tbl-18, .bo-trl-18, .bo-all-18 {
            border-top-width: 18px;
            border-top-style: solid;
        }

        .bo-t-19, .bo-tr-19, .bo-tb-19, .bo-tl-19, .bo-trb-19, .bo-tbl-19, .bo-trl-19, .bo-all-19 {
            border-top-width: 19px;
            border-top-style: solid;
        }

        .bo-t-20, .bo-tr-20, .bo-tb-20, .bo-tl-20, .bo-trb-20, .bo-tbl-20, .bo-trl-20, .bo-all-20 {
            border-top-width: 20px;
            border-top-style: solid;
        }

        .bo-b-0, .bo-bl-0, .bo-tb-0, .bo-rb-0, .bo-trb-0, .bo-tbl-0, .bo-rbl-0, .bo-all-0 {
            border-bottom-width: 0px;
            border-bottom-style: solid;
        }

        .bo-b-1, .bo-bl-1, .bo-tb-1, .bo-rb-1, .bo-trb-1, .bo-tbl-1, .bo-rbl-1, .bo-all-1 {
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

        .bo-b-2, .bo-bl-2, .bo-tb-2, .bo-rb-2, .bo-trb-2, .bo-tbl-2, .bo-rbl-2, .bo-all-2 {
            border-bottom-width: 2px;
            border-bottom-style: solid;
        }

        .bo-b-3, .bo-bl-3, .bo-tb-3, .bo-rb-3, .bo-trb-3, .bo-tbl-3, .bo-rbl-3, .bo-all-3 {
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

        .bo-b-4, .bo-bl-4, .bo-tb-4, .bo-rb-4, .bo-trb-4, .bo-tbl-4, .bo-rbl-4, .bo-all-4 {
            border-bottom-width: 4px;
            border-bottom-style: solid;
        }

        .bo-b-5, .bo-bl-5, .bo-tb-5, .bo-rb-5, .bo-trb-5, .bo-tbl-5, .bo-rbl-5, .bo-all-5 {
            border-bottom-width: 5px;
            border-bottom-style: solid;
        }

        .bo-b-6, .bo-bl-6, .bo-tb-6, .bo-rb-6, .bo-trb-6, .bo-tbl-6, .bo-rbl-6, .bo-all-6 {
            border-bottom-width: 6px;
            border-bottom-style: solid;
        }

        .bo-b-7, .bo-bl-7, .bo-tb-7, .bo-rb-7, .bo-trb-7, .bo-tbl-7, .bo-rbl-7, .bo-all-7 {
            border-bottom-width: 7px;
            border-bottom-style: solid;
        }

        .bo-b-8, .bo-bl-8, .bo-tb-8, .bo-rb-8, .bo-trb-8, .bo-tbl-8, .bo-rbl-8, .bo-all-8 {
            border-bottom-width: 8px;
            border-bottom-style: solid;
        }

        .bo-b-9, .bo-bl-9, .bo-tb-9, .bo-rb-9, .bo-trb-9, .bo-tbl-9, .bo-rbl-9, .bo-all-9 {
            border-bottom-width: 9px;
            border-bottom-style: solid;
        }

        .bo-b-10, .bo-bl-10, .bo-tb-10, .bo-rb-10, .bo-trb-10, .bo-tbl-10, .bo-rbl-10, .bo-all-10 {
            border-bottom-width: 10px;
            border-bottom-style: solid;
        }

        .bo-b-11, .bo-bl-11, .bo-tb-11, .bo-rb-11, .bo-trb-11, .bo-tbl-11, .bo-rbl-11, .bo-all-11 {
            border-bottom-width: 11px;
            border-bottom-style: solid;
        }

        .bo-b-12, .bo-bl-12, .bo-tb-12, .bo-rb-12, .bo-trb-12, .bo-tbl-12, .bo-rbl-12, .bo-all-12 {
            border-bottom-width: 12px;
            border-bottom-style: solid;
        }

        .bo-b-13, .bo-bl-13, .bo-tb-13, .bo-rb-13, .bo-trb-13, .bo-tbl-13, .bo-rbl-13, .bo-all-13 {
            border-bottom-width: 13px;
            border-bottom-style: solid;
        }

        .bo-b-14, .bo-bl-14, .bo-tb-14, .bo-rb-14, .bo-trb-14, .bo-tbl-14, .bo-rbl-14, .bo-all-14 {
            border-bottom-width: 14px;
            border-bottom-style: solid;
        }

        .bo-b-15, .bo-bl-15, .bo-tb-15, .bo-rb-15, .bo-trb-15, .bo-tbl-15, .bo-rbl-15, .bo-all-15 {
            border-bottom-width: 15px;
            border-bottom-style: solid;
        }

        .bo-b-16, .bo-bl-16, .bo-tb-16, .bo-rb-16, .bo-trb-16, .bo-tbl-16, .bo-rbl-16, .bo-all-16 {
            border-bottom-width: 16px;
            border-bottom-style: solid;
        }

        .bo-b-17, .bo-bl-17, .bo-tb-17, .bo-rb-17, .bo-trb-17, .bo-tbl-17, .bo-rbl-17, .bo-all-17 {
            border-bottom-width: 17px;
            border-bottom-style: solid;
        }

        .bo-b-18, .bo-bl-18, .bo-tb-18, .bo-rb-18, .bo-trb-18, .bo-tbl-18, .bo-rbl-18, .bo-all-18 {
            border-bottom-width: 18px;
            border-bottom-style: solid;
        }

        .bo-b-19, .bo-bl-19, .bo-tb-19, .bo-rb-19, .bo-trb-19, .bo-tbl-19, .bo-rbl-19, .bo-all-19 {
            border-bottom-width: 19px;
            border-bottom-style: solid;
        }

        .bo-b-20, .bo-bl-20, .bo-tb-20, .bo-rb-20, .bo-trb-20, .bo-tbl-20, .bo-rbl-20, .bo-all-20 {
            border-bottom-width: 20px;
            border-bottom-style: solid;
        }

        .bo-r-0, .bo-rb-0, .bo-rl-0, .bo-tr-0, .bo-rbl-0, .bo-trb-0, .bo-trl-0, .bo-all-0 {
            border-right-width: 0px;
            border-right-style: solid;
        }

        .bo-r-1, .bo-rb-1, .bo-rl-1, .bo-tr-1, .bo-rbl-1, .bo-trb-1, .bo-trl-1, .bo-all-1 {
            border-right-width: 1px;
            border-right-style: solid;
        }

        .bo-r-2, .bo-rb-2, .bo-rl-2, .bo-tr-2, .bo-rbl-2, .bo-trb-2, .bo-trl-2, .bo-all-2 {
            border-right-width: 2px;
            border-right-style: solid;
        }

        .bo-r-3, .bo-rb-3, .bo-rl-3, .bo-tr-3, .bo-rbl-3, .bo-trb-3, .bo-trl-3, .bo-all-3 {
            border-right-width: 3px;
            border-right-style: solid;
        }

        .bo-r-4, .bo-rb-4, .bo-rl-4, .bo-tr-4, .bo-rbl-4, .bo-trb-4, .bo-trl-4, .bo-all-4 {
            border-right-width: 4px;
            border-right-style: solid;
        }

        .bo-r-5, .bo-rb-5, .bo-rl-5, .bo-tr-5, .bo-rbl-5, .bo-trb-5, .bo-trl-5, .bo-all-5 {
            border-right-width: 5px;
            border-right-style: solid;
        }

        .bo-r-6, .bo-rb-6, .bo-rl-6, .bo-tr-6, .bo-rbl-6, .bo-trb-6, .bo-trl-6, .bo-all-6 {
            border-right-width: 6px;
            border-right-style: solid;
        }

        .bo-r-7, .bo-rb-7, .bo-rl-7, .bo-tr-7, .bo-rbl-7, .bo-trb-7, .bo-trl-7, .bo-all-7 {
            border-right-width: 7px;
            border-right-style: solid;
        }

        .bo-r-8, .bo-rb-8, .bo-rl-8, .bo-tr-8, .bo-rbl-8, .bo-trb-8, .bo-trl-8, .bo-all-8 {
            border-right-width: 8px;
            border-right-style: solid;
        }

        .bo-r-9, .bo-rb-9, .bo-rl-9, .bo-tr-9, .bo-rbl-9, .bo-trb-9, .bo-trl-9, .bo-all-9 {
            border-right-width: 9px;
            border-right-style: solid;
        }

        .bo-r-10, .bo-rb-10, .bo-rl-10, .bo-tr-10, .bo-rbl-10, .bo-trb-10, .bo-trl-10, .bo-all-10 {
            border-right-width: 10px;
            border-right-style: solid;
        }

        .bo-r-11, .bo-rb-11, .bo-rl-11, .bo-tr-11, .bo-rbl-11, .bo-trb-11, .bo-trl-11, .bo-all-11 {
            border-right-width: 11px;
            border-right-style: solid;
        }

        .bo-r-12, .bo-rb-12, .bo-rl-12, .bo-tr-12, .bo-rbl-12, .bo-trb-12, .bo-trl-12, .bo-all-12 {
            border-right-width: 12px;
            border-right-style: solid;
        }

        .bo-r-13, .bo-rb-13, .bo-rl-13, .bo-tr-13, .bo-rbl-13, .bo-trb-13, .bo-trl-13, .bo-all-13 {
            border-right-width: 13px;
            border-right-style: solid;
        }

        .bo-r-14, .bo-rb-14, .bo-rl-14, .bo-tr-14, .bo-rbl-14, .bo-trb-14, .bo-trl-14, .bo-all-14 {
            border-right-width: 14px;
            border-right-style: solid;
        }

        .bo-r-15, .bo-rb-15, .bo-rl-15, .bo-tr-15, .bo-rbl-15, .bo-trb-15, .bo-trl-15, .bo-all-15 {
            border-right-width: 15px;
            border-right-style: solid;
        }

        .bo-r-16, .bo-rb-16, .bo-rl-16, .bo-tr-16, .bo-rbl-16, .bo-trb-16, .bo-trl-16, .bo-all-16 {
            border-right-width: 16px;
            border-right-style: solid;
        }

        .bo-r-17, .bo-rb-17, .bo-rl-17, .bo-tr-17, .bo-rbl-17, .bo-trb-17, .bo-trl-17, .bo-all-17 {
            border-right-width: 17px;
            border-right-style: solid;
        }

        .bo-r-18, .bo-rb-18, .bo-rl-18, .bo-tr-18, .bo-rbl-18, .bo-trb-18, .bo-trl-18, .bo-all-18 {
            border-right-width: 18px;
            border-right-style: solid;
        }

        .bo-r-19, .bo-rb-19, .bo-rl-19, .bo-tr-19, .bo-rbl-19, .bo-trb-19, .bo-trl-19, .bo-all-19 {
            border-right-width: 19px;
            border-right-style: solid;
        }

        .bo-r-20, .bo-rb-20, .bo-rl-20, .bo-tr-20, .bo-rbl-20, .bo-trb-20, .bo-trl-20, .bo-all-20 {
            border-right-width: 20px;
            border-right-style: solid;
        }

        .bo-l-0, .bo-bl-0, .bo-rl-0, .bo-tl-0, .bo-tbl-0, .bo-rbl-0, .bo-trl-0, .bo-all-0 {
            border-left-width: 0px;
            border-left-style: solid;
        }

        .bo-l-1, .bo-bl-1, .bo-rl-1, .bo-tl-1, .bo-tbl-1, .bo-rbl-1, .bo-trl-1, .bo-all-1 {
            border-left-width: 1px;
            border-left-style: solid;
        }

        .bo-l-2, .bo-bl-2, .bo-rl-2, .bo-tl-2, .bo-tbl-2, .bo-rbl-2, .bo-trl-2, .bo-all-2 {
            border-left-width: 2px;
            border-left-style: solid;
        }

        .bo-l-3, .bo-bl-3, .bo-rl-3, .bo-tl-3, .bo-tbl-3, .bo-rbl-3, .bo-trl-3, .bo-all-3 {
            border-left-width: 3px;
            border-left-style: solid;
        }

        .bo-l-4, .bo-bl-4, .bo-rl-4, .bo-tl-4, .bo-tbl-4, .bo-rbl-4, .bo-trl-4, .bo-all-4 {
            border-left-width: 4px;
            border-left-style: solid;
        }

        .bo-l-5, .bo-bl-5, .bo-rl-5, .bo-tl-5, .bo-tbl-5, .bo-rbl-5, .bo-trl-5, .bo-all-5 {
            border-left-width: 5px;
            border-left-style: solid;
        }

        .bo-l-6, .bo-bl-6, .bo-rl-6, .bo-tl-6, .bo-tbl-6, .bo-rbl-6, .bo-trl-6, .bo-all-6 {
            border-left-width: 6px;
            border-left-style: solid;
        }

        .bo-l-7, .bo-bl-7, .bo-rl-7, .bo-tl-7, .bo-tbl-7, .bo-rbl-7, .bo-trl-7, .bo-all-7 {
            border-left-width: 7px;
            border-left-style: solid;
        }

        .bo-l-8, .bo-bl-8, .bo-rl-8, .bo-tl-8, .bo-tbl-8, .bo-rbl-8, .bo-trl-8, .bo-all-8 {
            border-left-width: 8px;
            border-left-style: solid;
        }

        .bo-l-9, .bo-bl-9, .bo-rl-9, .bo-tl-9, .bo-tbl-9, .bo-rbl-9, .bo-trl-9, .bo-all-9 {
            border-left-width: 9px;
            border-left-style: solid;
        }

        .bo-l-10, .bo-bl-10, .bo-rl-10, .bo-tl-10, .bo-tbl-10, .bo-rbl-10, .bo-trl-10, .bo-all-10 {
            border-left-width: 10px;
            border-left-style: solid;
        }

        .bo-l-11, .bo-bl-11, .bo-rl-11, .bo-tl-11, .bo-tbl-11, .bo-rbl-11, .bo-trl-11, .bo-all-11 {
            border-left-width: 11px;
            border-left-style: solid;
        }

        .bo-l-12, .bo-bl-12, .bo-rl-12, .bo-tl-12, .bo-tbl-12, .bo-rbl-12, .bo-trl-12, .bo-all-12 {
            border-left-width: 12px;
            border-left-style: solid;
        }

        .bo-l-13, .bo-bl-13, .bo-rl-13, .bo-tl-13, .bo-tbl-13, .bo-rbl-13, .bo-trl-13, .bo-all-13 {
            border-left-width: 13px;
            border-left-style: solid;
        }

        .bo-l-14, .bo-bl-14, .bo-rl-14, .bo-tl-14, .bo-tbl-14, .bo-rbl-14, .bo-trl-14, .bo-all-14 {
            border-left-width: 14px;
            border-left-style: solid;
        }

        .bo-l-15, .bo-bl-15, .bo-rl-15, .bo-tl-15, .bo-tbl-15, .bo-rbl-15, .bo-trl-15, .bo-all-15 {
            border-left-width: 15px;
            border-left-style: solid;
        }

        .bo-l-16, .bo-bl-16, .bo-rl-16, .bo-tl-16, .bo-tbl-16, .bo-rbl-16, .bo-trl-16, .bo-all-16 {
            border-left-width: 16px;
            border-left-style: solid;
        }

        .bo-l-17, .bo-bl-17, .bo-rl-17, .bo-tl-17, .bo-tbl-17, .bo-rbl-17, .bo-trl-17, .bo-all-17 {
            border-left-width: 17px;
            border-left-style: solid;
        }

        .bo-l-18, .bo-bl-18, .bo-rl-18, .bo-tl-18, .bo-tbl-18, .bo-rbl-18, .bo-trl-18, .bo-all-18 {
            border-left-width: 18px;
            border-left-style: solid;
        }

        .bo-l-19, .bo-bl-19, .bo-rl-19, .bo-tl-19, .bo-tbl-19, .bo-rbl-19, .bo-trl-19, .bo-all-19 {
            border-left-width: 19px;
            border-left-style: solid;
        }

        .bo-l-20, .bo-bl-20, .bo-rl-20, .bo-tl-20, .bo-tbl-20, .bo-rbl-20, .bo-trl-20, .bo-all-20 {
            border-left-width: 20px;
            border-left-style: solid;
        }


        /*==================================================================
            TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
        ==================================================================*/
        .cl0 {
            color: #fff;
        }

        .cl1 {
            color: #111;
        }

        .cl2 {
            color: #222;
        }

        .cl3 {
            color: #333;
        }

        .cl4 {
            color: #444;
        }

        .cl5 {
            color: #555;
        }

        .cl6 {
            color: #666;
        }

        .cl7 {
            color: #777;
        }

        .cl8 {
            color: #888;
        }

        .cl9 {
            color: #999;
        }

        .cl10 {
            color: #81b03f;
        }

        .cl11 {
            color: #ffcc00;
        }

        .cl12 {
            color: #ff3333;
        }

        .cl13 {
            color: #f1f1f1;
        }

        .cl14 {
            color: #f7f6f2;
        }

        .cl15 {
            color: #363636;
        }

        /*//////////////////////////////////////////////////////////////////
        [ L-Text >= 26 ]*/
        .txt-l-101 {

            font-size: 42px;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .txt-l-102 {

            font-size: 35px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .txt-l-103 {

            font-size: 30px;
            line-height: 1.2;
        }

        .txt-l-104 {

            font-size: 30px;
            line-height: 1.2;
        }

        .txt-l-105 {

            font-size: 28px;
            line-height: 1.2;
        }

        .txt-l-106 {

            font-size: 38px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .txt-l-107 {

            font-size: 50px;
            line-height: 1.2;
        }

        .txt-l-108 {

            font-size: 30px;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .txt-l-109 {

            font-size: 30px;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .txt-l-110 {

            font-size: 26px;
            line-height: 1.2;
        }

        .txt-l-111 {

            font-size: 40px;
            line-height: 1.2;
        }

        .txt-l-112 {

            font-size: 35px;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .txt-l-113 {

            font-size: 40px;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .txt-l-114 {

            font-size: 70px;
            line-height: 1.1;
            text-transform: uppercase;
            letter-spacing: 3.5px;
        }

        .bocl11 {
            border-color: #ccc;
        }

        .size-a-2 {
            min-width: 152px;
            height: 40px;
        }

        .txt-s-103 {

            font-size: 14px;
            line-height: 1.5;
            text-transform: uppercase;
        }

        /*---------------------------------------------*/
        .hov-btn1:hover {
            background-color: #81b03f;
            border-color: #81b03f;
            color: #fff;
        }

        /*---------------------------------------------*/
        .hov-btn2:hover {
            background-color: #333;
            border-color: #333;
            color: #fff;
        }

        /*---------------------------------------------*/
        .hov-btn3:hover {
            background-color: #222;
            border-color: #222;
            color: #fff;
        }


        th {
            text-align: left;
        }


        /*---------------------------------------------*/
        .txt-l-401 {
            font-family: Courgette-Regular;
            font-size: 42px;
            line-height: 1.2;
        }

        /*---------------------------------------------*/
        .txt-l-701 {
            font-family: GreatVibes-Regular;
            font-size: 50px;
            line-height: 1.1;
        }


        /*------------------------------------------------------------------
        [ Display ]*/
        .dis-none {
            display: none;
        }

        .dis-block {
            display: block;
        }

        .dis-inline {
            display: inline;
        }

        .dis-inline-block {
            display: inline-block;
        }

        .flex-w,
        .flex-l,
        .flex-r,
        .flex-c,
        .flex-sa,
        .flex-sb,
        .flex-t,
        .flex-b,
        .flex-m,
        .flex-str,
        .flex-c-m,
        .flex-c-t,
        .flex-c-b,
        .flex-c-str,
        .flex-l-m,
        .flex-r-m,
        .flex-sa-m,
        .flex-sb-m,
        .flex-sb-t,
        .flex-sb-b,
        .flex-sa-t,
        .flex-sa-b,
        .flex-col-l,
        .flex-col-r,
        .flex-col-c,
        .flex-col-str,
        .flex-col-t,
        .flex-col-b,
        .flex-col-m,
        .flex-col-sb,
        .flex-col-sa,
        .flex-col-c-m,
        .flex-col-l-m,
        .flex-col-r-m,
        .flex-col-str-m,
        .flex-col-c-t,
        .flex-col-c-b,
        .flex-col-c-sb,
        .flex-col-c-sa,
        .flex-row,
        .flex-row-rev,
        .flex-col,
        .flex-col-rev,
        .dis-flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }

        /* ------------------------------------ */
        .txt-center {
            text-align: center;
        }

        .txt-left {
            text-align: left;
        }

        .txt-right {
            text-align: right;
        }

        .txt-middle {
            vertical-align: middle;
        }

        /*------------------------------------------------------------------
        [ Flex ]*/
        .flex-w {
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
        }


        /* ------------------------------------ */
        .flex-t {
            -ms-align-items: flex-start;
            align-items: flex-start;
        }

        .flex-b {
            -ms-align-items: flex-end;
            align-items: flex-end;
        }

        .flex-m {
            -ms-align-items: center;
            align-items: center;
        }

        .flex-str {
            -ms-align-items: stretch;
            align-items: stretch;
        }


        /* ------------------------------------ */
        .flex-c-m {
            justify-content: center;
            -ms-align-items: center;
            align-items: center;
        }

        .flex-c-t {
            justify-content: center;
            -ms-align-items: flex-start;
            align-items: flex-start;
        }

        .flex-c-b {
            justify-content: center;
            -ms-align-items: flex-end;
            align-items: flex-end;
        }

        .flex-c-str {
            justify-content: center;
            -ms-align-items: stretch;
            align-items: stretch;
        }

        .flex-l-m {
            justify-content: flex-start;
            -ms-align-items: center;
            align-items: center;
        }

        .flex-r-m {
            justify-content: flex-end;
            -ms-align-items: center;
            align-items: center;
        }

        .flex-sa-m {
            justify-content: space-around;
            -ms-align-items: center;
            align-items: center;
        }

        .flex-sb-m {
            justify-content: space-between;
            -ms-align-items: center;
            align-items: center;
        }

        /*//////////////////////////////////////////////////////////////////
        [ Table Shopping Cart ]*/

        .wrap-table-shopping-cart {
            font-weight: 400;
        }

        .wrap-table-shopping-cart {
        }

        .table-shopping-cart {
            border-collapse: collapse;
            width: 100%;
            min-width: 930px;
        }

        .table-shopping-cart tr.table_row {
            border-bottom: 1px solid #e6e6e6;
        }

        .table-shopping-cart .column-1 {
            width: 485px;
        }

        .table-shopping-cart .column-2 {
            width: 250px;
        }

        .table-shopping-cart .column-3 {
            width: 290px;
        }

        .table-shopping-cart .column-4 {
            width: 150px;
        }


        .table-shopping-cart .table_row td {
            padding-top: 30px;
            padding-bottom: 30px;
        }


        .table-shopping-cart .table_head th {

            font-size: 16px;
            color: #333;
            text-transform: uppercase;
            line-height: 1.6;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .table-shopping-cart .table_row .column-1 {

            font-size: 18px;
            color: #333;
            line-height: 1.6;
        }

        .table-shopping-cart .table_row .column-2 {

            font-size: 18px;
            color: #999;
            line-height: 1.6;
        }

        .table-shopping-cart .table_row .column-4 {

            font-size: 18px;
            color: #666;
            line-height: 1.6;
        }

        /*------------------------------------------------------------------
        [ rs1 table ]*/
        .rs1-table .table-shopping-cart .table_head th {

            font-size: 20px;
            color: #666;
            line-height: 1.5;
            text-transform: unset;
        }

        .rs1-table .table-shopping-cart .column-1 {
            width: 465px;
        }

        .rs1-table .table-shopping-cart .column-2 {
            width: 240px;
        }

        .rs1-table .table-shopping-cart .column-3 {
            width: 260px;
        }

        .rs1-table .table-shopping-cart .column-4 {
            width: 210px;
        }


        /*//////////////////////////////////////////////////////////////////
        [ Num Product ]*/
        .wrap-num-product {
            width: 124px;
            height: 40px;
        }

        .btn-num-product-up,
        .btn-num-product-down {

            color: #999;
            line-height: 18px;
            padding: 0px 0px 2px 1px;

            cursor: pointer;
            width: 20px;
            height: 20px;
            border: 1px solid #9b9b9b;
            border-radius: 50%;
        }

        .btn-num-product-up::after {
            content: "+"
        }

        .btn-num-product-down::after {
            content: "-"
        }

        .btn-num-product-up:hover,
        .btn-num-product-down:hover {
            color: #fff;
            border-color: #81b03f;
            background-color: #81b03f;
        }

        .btn-num-product-up:active,
        .btn-num-product-down:active {
            opacity: 0.8;
        }

        .num-product {
            width: calc(100% - 40px);
            height: 100%;
            background-color: transparent;
        }

        input.num-product {
            -moz-appearance: textfield;
            appearance: none;
            -webkit-appearance: none;
        }

        input.num-product::-webkit-outer-spin-button,
        input.num-product::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .productImage {
            max-width: 150px;
            max-height: 150px;
        }


        .popover {
            max-width: 173px;
            text-align: center;
            line-height: initial;
            font-size: 12pt;
        }

        .popover-body {
            text-align: center;
        }

        h3.popover-header {
            font-size: 9pt;
            line-height: 18pt;
        }

        small.tinyPrice {
            font-size: 14pt;
            display: block;
            text-align: left;
            margin-top: 6px;
            color: #55ae54;
        }

        .productDetail {
            text-align: left;
        }


        .subBanner {
            /* background: #f6f6f6; */
            width: 100%;
            /* padding: 6px; */
            margin-bottom: 10px;
            border-radius: 10px;
            clear: both;
            float: none;
            display: block;
        }

        h2.mainTitle {
            margin-bottom: 20px;
            font-size: 18pt;
            background: #618549;
            padding: 25px;
            border-radius: 10px;
            display: block;
            color: white;
            text-align: center;
        }

        span.dayName {
            font-size: 26pt;
            color: white;
            font-weight: bold;
            display: block;
            margin-bottom: 10px;
        }

        h3.subTitle {
            text-align: center;
            font-size: 20pt;
            padding: 13px;
            margin-bottom: 20px;
        }

        h2.mainTitle {
            display: block;
            width: 100%;
        }

        .productName {
            display: block;
            width: 100%;
        }

        .productDetails {
            text-align: left;
        }

        a.productDetail {
            font-size: 14pt;
            margin-bottom: 10px;
        }

        a.qtyProductOption.prodOption {
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 5px;
            color: #618549;
            padding: 5px 10px 5px 11px;
            text-align: left;
            border: 1px solid #618549;
            border-radius: 4px;
        }

        a.qtyProductOption.prodOption span {
            background: white;
            color: #618549;
            border-left: 1px solid #618549;
            padding: 2px 10px;
            margin-left: 5px;
        }

        .productOptions {
            margin-bottom: 27px;
        }

        .productCart {
            margin: 0px;
        }

        .deliveryDate {
            font-size: 20pt;
            color: #618549;
            margin-bottom: 19px;
            font-weight: bold;
        }

        select.form-control.selectADate {
            border-radius: 0px;
            height: auto !important;
            line-height: 15pt;
            color: #618549;
            font-weight: bold;
            font-size: 15pt;
            border: 2px solid #618549;
        }

        @media (max-width: 990px) {
            .removeProduct.col-md-4 .btn {
                display: block;
                width: 100%;
                text-align: center;
                margin-bottom: 17px;
            }

            .productOptions {
                margin-bottom: 2px;
            }
        }

        td.deliveryHeader {
            padding: 0px !important;
        }

        td.deliveryHeader h6 {
            margin: 0px;
        }

        td.productItem {
            border-left: 1px solid #88c749;
            padding: 10px;
            color: #5a8e26;
            border-right: 1px solid #88c749;
            border-bottom: 1px solid #88c749;
        }

        td.product-thumbnail {
            max-width: 100px;
        }

        .woocommerce a.remove {
            display: block;
            font-size: 1.5em;
            height: 1em;
            width: 1em;
            text-align: center;
            line-height: 1;
            border-radius: 100%;
            color: red !important;
            text-decoration: none;
            font-weight: 700;
            border: 0
        }

        .woocommerce a.remove:hover {
            color: #fff !important;
            background: red
        }

        .woocommerce-cart .woocommerce-cart-form .product-remove a.remove {
            font-size: 0px;
        }

        .woocommerce-cart .woocommerce-cart-form .product-remove a.remove:before {
            content: "\f134";
            font-family: "Material-Design-Iconic-Font";
            font-size: 22px;
            color: #d9d9d9;
            font-weight: normal;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -khtml-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .woocommerce-cart .woocommerce-cart-form .product-remove a.remove:hover:before {
            color: #de3b36;
        }

        h3.modal-title {
            font-size: 13pt;
        }

        .unitPrice h4 {
            font-size: 18pt;
        }

        span.unitPriceCol {
            display: block;
            margin-top: 10px;
            font-size: 26pt;
        }

        h4.mg-b-0 {
            font-size: 18pt;
            margin-bottom: 12px;
            display: block;
        }

        input.txt-m-102.cl6.txt-center.num-product.productQTY {
            width: 73px;
            display: inline-block;
            font-size: 18pt;
            padding: 4px 10px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .btn-num-product-down.flex-c-m.fs-29 {
            font-size: 20pt;
        }

        .btn-num-product-up.flex-c-m.fs-16 {
            font-size: 17pt;
        }

        .totalPrice h4 {
            font-size: 18pt;
            display: block;
        }

        span.totalPriceCol {
            font-size: 23pt;
            margin-top: 15px;
            display: block;
        }
    </style>

@endsection

@section('content')


    <div class="container content-container" style="margin-top: 30px; padding-bottom: 40px; background:white">
        <div class="row content-row">
            <div id="primary" class="content-area content-full-width col-12">
                <main id="main" class="site-main mt-3">

                    @php

                        //dd(App\Http\Controllers\ShoppingCartController::getCartByDeliveryDate());

                        $now = \Carbon\Carbon::now();
                        if($now->format('l') !== "Tuesday")
                        $now = \Carbon\Carbon::parse('next tuesday');
                    @endphp

                    <div class="mainTitle">
                        <h2>Your Cart</h2>
                    </div>

                    @if(session('success'))

                        <div class="woocommerce-notices-wrapper">
                            <div class="woocommerce-message" role="alert">
                                <span class="addMessageCart">{!! session('success') !!}</span>
                            </div>
                        </div>
                    @endif

                    @if ($errors->any())
                        <div class="woocommerce-notices-wrappe">
                            <div class="woocommerce-error" role="alert">
                <span class="addMessageCart">@foreach ($errors->all() as $error)
                        <div>{{ $error }}</div>
                    @endforeach</span>
                            </div>
                        </div>
                    @endif
                    @if(session('message'))
                        <div class="woocommerce-notices-wrappe">
                            <div class="woocommerce-info" role="alert">
                                <span class="addMessageCart">{!! session('message') !!}</span>
                            </div>
                        </div>
                    @endif

                    <article id="post-364" class="post-364 page type-page status-publish hentry">
                        <div class="entry-content clearfix">
                            <div class="woocommerce">
                                <div class="woocommerce-notices-wrapper"></div>
                                <form class="woocommerce-cart-form"
                                      action="/cart/"
                                      method="post">

                                    <table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents"
                                           cellspacing="0">
                                        <thead>
                                        <tr>
                                            <th class="product-remove">&nbsp;</th>
                                            <th class="product-thumbnail">&nbsp;</th>
                                            <th class="product-name">Product</th>
                                            <th class="product-price">Price</th>
                                            <th class="product-quantity">Quantity</th>
                                            <th class="product-subtotal">Subtotal</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        @foreach(App\Http\Controllers\ShoppingCartController::getCartByDeliveryDate() as
                                        $deliveryDay => $items)
                                            @foreach($items as $cartItem)
                                                @php
                                                    if($cartItem->associatedModel == "App\Order") continue;
                                                @endphp
                                                @if($cartItem->associatedModel == \App\Product::class)
                                                    @php $product = $cartItem->model; @endphp
                                                    <tr class="woocommerce-cart-form__cart-item cart_item">


                                                        <td class="product-remove">

                                                            <a href="{{ route('cart.remove', $cartItem->rowId) }}"
                                                               class="remove_from_cart_button remove"
                                                               aria-label="Remove this item"
                                                               data-product_id="{{$product->id}}"
                                                               data-cart_item_key="{{ $cartItem->rowId }}"
                                                               data-product_sku="">&times;</a>
                                                        </td>

                                                        <td class="product-thumbnail">
                                                            <a href="{{ route('product', $product->id) }}">
                                                                <img width="113" height="187"
                                                                     src="{{ ($product->getFirstMediaUrl('images') &&  $product->getFirstMediaUrl('images') != '') ?
$product->getFirstMediaUrl('images') :  asset('/images/noimage.jpg') }}"
                                                                     class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                                                     alt="" loading="lazy"
                                                                     srcset="{{ ($product->getFirstMediaUrl('images') &&  $product->getFirstMediaUrl('images') != '') ?
$product->getFirstMediaUrl('images') :  asset('/images/noimage.jpg') }}"
                                                                     sizes="(max-width: 113px) 100vw, 113px">
                                                            </a></td>

                                                        <td class="product-name" data-title="Product">
                                                            <a href="{{ route('product', $product->id) }}">
                                                                {{ $cartItem->name }}</a>
                                                        </td>


                                                        <td class="product-price" data-title="Price">
                                                        <span class="woocommerce-Price-amount amount"><bdi><span
                                                                        class="woocommerce-Price-currencySymbol">&pound;</span>{{ number_format($cartItem->price, 2) }}</bdi></span>
                                                        </td>

                                                        <td class="product-quantity" data-title="Quantity">
                                                            <div class="quantity">
                                                                <a href="javascript:void(0)" data-toggle="modal"
                                                                   data-rowid="{{$cartItem->rowId}}"
                                                                   data-target="#editProductModal"
                                                                   class="qtyProductOption prodOption"><i
                                                                            class="fal fa-tally"></i> QTY
                                                                    <span>{{$cartItem->qty}}</span></a>
                                                            </div>
                                                        </td>

                                                        <td class="product-subtotal" data-title="Subtotal">
                                                        <span class="woocommerce-Price-amount amount"><bdi><span
                                                                        class="woocommerce-Price-currencySymbol">&pound;</span>{{ number_format($cartItem->total, 2) }}</bdi></span>
                                                        </td>
                                                    </tr>
                                                @endif
                                                @if($cartItem->associatedModel == "App\DiscountCode")
                                                    <tr class="bg-success-light">
                                                        <td colspan="3"><strong>Discount Applied</strong>
                                                            <div class="discountItem">{{ $cartItem->name }}</div>
                                                        </td>
                                                        <td>
                                                        <span class="woocommerce-Price-amount amount"><bdi><span
                                                                        class="woocommerce-Price-currencySymbol">&pound;</span>{{ number_format($cartItem->price, 2) }}</bdi></span>
                                                        </td>


                                                        <td class="product-quantity" data-title="Quantity">
                                                        </td>

                                                        <td class="product-subtotal" data-title="Subtotal">
                                                        <span class="woocommerce-Price-amount amount"><bdi><span
                                                                        class="woocommerce-Price-currencySymbol">&pound;</span>{{ number_format($cartItem->total, 2) }}</bdi></span>
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endforeach

                                        <tr>
                                            <td colspan="4" class="actions">

                                                <div class="coupon">
                                                    <label for="coupon_code">Coupon:</label>
                                                    <input class=" no-round-input-bg mb-3 discountcode niceInput input-text"
                                                           id="discountcode"
                                                           type="text" name="code" placeholder="Coupon code">
                                                    <button class="no-round-btn applyDiscountCode"
                                                            name="applyDiscountCode">
                                                        Apply coupon
                                                    </button>
                                                </div>
                                            </td>
                                            <td colspan="2">


                                                                                                @guest
                                                                                                    <a href="/login?redirect=/checkout"
                                                                                                       class="btn btn-success checkout-button button alt wc-forward">Checkout</a>
                                                                                                @else

                                                                                                    <a href="/checkout"
                                                                                                       class="btn btn-primary  checkout-button button alt wc-forward">Continue
                                                                                                        to
                                                                                                        Payment</a>
                                                                                                @endif

                                            </td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </form>


                                <div class="cart-collaterals">
                                    <div class="cart_totals ">


                                        @php
                                            $delivery = Cart::search(function ($cartItem, $rowId) {
                                            return $cartItem->associatedModel === "App\DeliveryDetails";
                                            });
                                        @endphp

                                        @if($delivery !== null && count($delivery) > 0)


                                            <h2>Cart totals</h2>

                                            <table cellspacing="0" class="shop_table shop_table_responsive">

                                                <tr class="cart-subtotal">
                                                    <th>Subtotal</th>
                                                    <td data-title="Subtotal"><span
                                                                class="woocommerce-Price-amount amount"><bdi><span
                                                                        class="woocommerce-Price-currencySymbol"></span>
                                            &pound;{{ number_format((\Gloudemans\Shoppingcart\Facades\Cart::subtotal() - $delivery->first()->total), 2) }}</bdi></span>
                                                    </td>
                                                </tr>

                                                @foreach ($delivery as $deliveryItem)

                                                    <tr class="order-total">
                                                        <th>Delivery</th>
                                                        <td data-title="Total"><strong><span
                                                                        class="woocommerce-Price-amount amount"><bdi><span
                                                                                class="woocommerce-Price-currencySymbol">&pound;</span>{{ number_format($deliveryItem->total, 2) }}</bdi></span></strong>
                                                        </td>
                                                    </tr>
                                                @endforeach

                                                <tr class="order-total">
                                                    <th>Total</th>
                                                    <td data-title="Total"><strong><span
                                                                    class="woocommerce-Price-amount amount"><bdi><span
                                                                            class="woocommerce-Price-currencySymbol">&pound;</span>{{\Gloudemans\Shoppingcart\Facades\Cart::subtotal()}}</bdi></span></strong>
                                                    </td>
                                                </tr>


                                            </table>
                                        @else

                                            <h2>Cart totals</h2>

                                            <table cellspacing="0" class="shop_table shop_table_responsive">

                                                <tr class="order-total">
                                                    <th>Total</th>
                                                    <td data-title="Total"><strong><span
                                                                    class="woocommerce-Price-amount amount"><bdi><span
                                                                            class="woocommerce-Price-currencySymbol">&pound;</span>{{\Gloudemans\Shoppingcart\Facades\Cart::subtotal()}}</bdi></span></strong>
                                                    </td>
                                                </tr>


                                            </table>
                                        @endif

                                        <div class="wc-proceed-to-checkout">

                                            @guest
                                                <a href="/login?redirect=/checkout"
                                                   class="btn btn-success checkout-button button alt wc-forward">Checkout</a>
                                            @else

                                                <a href="/checkout"
                                                   class="btn btn-primary  checkout-button button alt wc-forward">Continue
                                                    to
                                                    Payment</a>
                                            @endif
                                        </div>


                                    </div>
                                </div>

                            </div>
                        </div><!-- .entry-content -->

                    </article><!-- #post-364 -->
                </main><!-- #main -->
            </div><!-- #primary -->


        </div>
    </div>

    <div class="modal" tabindex="-1" role="dialog" id="editProductModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <h4 class="alert alert-info p-20 text-center text-capitalize">Loading - please bare with me</h4>
            </div>
        </div>
    </div>


@endsection

@section("myjsfile")
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.29.2/sweetalert2.all.js"></script>
    <script>
        $(document).ready(function () {

            try {
                $(document).on('click', '.btn-num-product-down', function () {
                    var numProduct = Number($(this).next().val());
                    if (numProduct > 1) $(this).next().val(numProduct - 1);
                    calculateTotalModal();
                });

                $(document).on('click', '.btn-num-product-up', function () {
                    var numProduct = Number($(this).prev().val());
                    $(this).prev().val(numProduct + 1);
                    calculateTotalModal();
                });

                $(document).on('click', '#standardDelivery', function () {
                    @php
                        $now = \Carbon\Carbon::now();
                        if ($now->format('l') !== "Tuesday")
                            $now = \Carbon\Carbon::parse('next tuesday');

                    @endphp
                    $(".deliveryDate option").removeAttr('selected')
                        .filter('[value="{{$now->addDays(3)->format("l jS F")}}"]')
                        .attr('selected', true).change()
                });
                $(document).on('click', '#christmasDelivery', function () {
                    $(".deliveryDate option").removeAttr('selected')
                        .filter('[value="Friday 20th December"]')
                        .attr('selected', true).change()
                });


            } catch (er) {
                console.log(er);
            }

            function calculateTotalModal() {
                const totalPrice = $(".productQTY").val() * $(".unitPriceCol").attr("num-price");
                $(".totalPriceCol").text("£" + totalPrice.toFixed(2))
            }

            $('a[data-toggle="popover"]').popover({
                container: 'body',
                placement: 'bottom',
                html: true
            });


            $(document).on("click", ".applyDiscountCode", function (e) {
                e.preventDefault();
                if (!($(".discountcode").val())) {
                    return swal({
                        type: 'error',
                        title: "You didn't enter a discount code, please try again"
                    })
                }

                $.ajax({
                    method: "POST",
                    url: "/applyDiscountCode/" + $(".discountcode").val(), success: function (result) {
                        if (result.success) {
                            window.location.reload()
                        }
                    }, error: function (err, body) {
                        return swal({
                            type: 'error',
                            title: err.responseJSON.error
                        })
                    }
                });
                return false;
            });

            jQuery('#editProductModal').on('show.bs.modal', function (e) {
                $("#editProductModal .modal-content").html('<h5 class="text-center p-20 text-success" style="padding: 20px;" ng - Please wait</h5>')
            });

            jQuery('#editProductModal').on('shown.bs.modal', function (e) {
                var rowid = $(e.relatedTarget).attr('data-rowid');


                $.ajax({
                    url: '/get_row_from_id/' + rowid,
                    type: 'POST',
                    processData: false,
                    error: function (jq, status, message) {
                        $("#editProductModal").modal("hide");
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).then(function (htmlResponse) {
                    $("#editProductModal .modal-content").html(htmlResponse);
                });
            })
        })
    </script>
@endsection