diff --git a/app/Views/cart.php b/app/Views/cart.php index 23855cc..2c55e08 100644 --- a/app/Views/cart.php +++ b/app/Views/cart.php @@ -55,12 +55,7 @@
- +
diff --git a/app/Views/view_member_details.php b/app/Views/view_member_details.php index 2683914..2a01070 100644 --- a/app/Views/view_member_details.php +++ b/app/Views/view_member_details.php @@ -79,7 +79,7 @@ assets/member_images/icon-white.png" alt="">
-

Credits Avaiable

+

Credits Available

diff --git a/public/assets/member_css/front-style.css b/public/assets/member_css/front-style.css index c628651..91a4df6 100644 --- a/public/assets/member_css/front-style.css +++ b/public/assets/member_css/front-style.css @@ -1961,3 +1961,770 @@ body.checkout .select2-container--default .select2-selection--single .select2-s .credit-offer-box .pack-desc{ display: none; } + +/*---------------------Sim Play & Coach----------------*/ +.accordion .accordion-item{ + margin:20px 0px; + border: none !important; + } + .accordion-head{ + display: flex; + justify-content: space-between; + align-items: center; + background-color:#F8F8F4 !important; + border-radius: 5px; + color: #000; + height: 60px; + padding: 0px 20px; + } + .accordion-head p{ + padding-left: 20px !important; + margin:0 !important; + font-size: 20px; + font-weight: 500; + } + .accordion-head div.s-no{ + width: 30px; + height: 30px; + color: #000; + font-size: 20px; + font-weight: 700; + border-radius: 5px; + border: 1px solid #101010; + background: #FFF; + text-align: center; + } + .edit{ + width: 117px !important; + height: 31px !important; + border-radius: 5px !important; + background-color: var(--blue-color) !important; + color: #FFF !important; + justify-content:center; + } + .edit:hover{ + background: var(--pink-color)!important; + } + .edit:after{ + display:none; + } + .accordion-head.active{ + background-color:#002B60 !important; + color: #fff; + } + .accordion-head.active div.s-no{ + border: 1px solid var(--blue-color); + } + .next{ + padding: 3px 33px; + border-radius: 10px; + background: var(--pink-color); + color:#fff; + border: none; + font-size: 20px; + font-weight: 500; + margin-top: 40px; + } + .skip{ + padding: 3px 33px; + border: 1px solid var(--pink-color) !important; + border-radius: 10px; + background: #fff; + color: var(--pink-color); + border: none; + font-size: 20px; + font-weight: 600; + margin-top: 40px; + text-transform: uppercase; + } + .next:hover{ + background:var(--blue-color); + } + .skip:hover{ + background:var(--pink-color); + color:#ffffff; + } + /*------------------Book slot-------------------*/ + .book-slot{ + margin-top: 25px; + } + .book-slot label{ + color: #000; + font-size: 18px; + font-weight: 700; + padding-bottom: 10px; + padding-left: 10px; + } + .book-slot select{ + border-radius: 10px; + border: 2px solid #C4C4C4; + padding: 10px 20px; + color: #000; + font-size: 18px; + font-weight: 500; + } + .book-slot input[type="date"] { + padding: 9px 25px; + border-radius: 10px; + border: 2px solid #C4C4C4; + background: #FFF; + font-weight: 500; + } + .book-slot img{ + border-radius: 10px; + } + .book-slot .select-coach{ + margin-bottom: 10px; + } + .book-slot .select-coach p{ + color: #6E6D68; + text-align: justify; + font-size: 15px; + line-height: 1.5; + margin-left: -15px; + font-weight: 100; + padding-top: 13px; + } + .book-slot .select-coach .form-select{ + background-image: none !important; + } + .book-slot .select-coach .form-select:disabled{ + background-color: #fff; + } + .book-slot .coach-details{ + align-items: center; + border-radius: 10px; + border: 2px solid #C4C4C4; + margin: 0; + margin-top: 20px; + } + .book-slot p.select-time{ + padding-left: 35px; + position: relative; + margin-bottom: -14px; + margin-top: 0; + } + .book-slot p.select-time::before{ + position: absolute; + content: "\f017"; + font-size: 22px; + color: #00B4D5; + left: -2px; + top: 0px; + font-family: 'Font Awesome 5 Free'; + font-weight: 100; + } + .book-slot ul{ + display: flex; + justify-content: space-between; + list-style-type: none; + } + .book-slot ul li{ + color: #000; + font-size: 16px; + font-weight: 500; + position: relative; + } + .book-slot ul li:first-child::before{ + position: absolute; + content: ""; + width: 20px; + height: 20px; + background-color: #fff; + border: 2px solid #C4C4C4; + border-radius: 5px; + left: -27px; + top: 4px; + } + .book-slot ul li:nth-child(2)::before{ + position: absolute; + content: ""; + width: 20px; + height: 20px; + background-color: #00B4D5; + border-radius: 5px; + left: -27px; + top: 4px; + } + .book-slot ul li:nth-child(3)::before{ + position: absolute; + content: ""; + width: 20px; + height: 20px; + background-color: #C0C0C0; + border-radius: 5px; + left: -27px; + top: 4px; + } + .book-slot .input-group-append { + cursor: pointer; + } + .book-slot .bay{ + text-align: center; + margin-top: 20px; + } + .book-slot h3.bay-head{ + margin-top: 15px; + color: #EB008B; + font-size: 26px; + font-weight: 700; + } + .book-slot .bay button{ + border-radius: 10px; + border: 2px solid #C4C4C4; + background-color: #fff; + font-size: 16px !important; + color: #000; + font-weight: 500; + padding: 5px 26px; + margin-bottom: 20px; + } + .book-slot .bay button.active, .book-slot .bay button:hover{ + background-color: #00B4D5; + color: #fff; + border-color: #00B4D5; + } + .book-slot .bay button.disabled{ + border: 2px solid #C4C4C4; + background-color: #C0C0C0; + color: #fff; + cursor: no-drop; + } + .slot-hide{ + display: none; + } + .slot-show{ + display: block !important; + margin-top: 20px !important; + } + /*---------------------Accordion----------------*/ + .food-drinks h3{ + position: relative; + z-index: 100; + color: #000; + font-size: 20px; + font-weight: 700; + } + .food-drinks h3::before{ + content: ""; + position: absolute; + background-color: #002B60; + width: 8%; + height:2px; + left:0; + bottom: -10px; + } + .modal-body p.content.discount{ + margin-bottom:15px; + } + .modal-body .btn-close{ + position: absolute; + top:20px; + right:20px; + } + .food-drinks p.fd-head2{ + color: #000; + font-size: 17px; + font-weight: 600; + margin-top: 19px !important; + margin-bottom: 4px; + } + .food-drinks p.fd-head2 span{ + color: #000; + font-size: 19px; + font-weight: 600; + } + .food-drinks .add-food{ + border-radius: 5px; + border: 2px solid var(--blue-color); + color: var(--blue-color); + background-color: #fff; + font-weight: 600; + text-transform: uppercase; + padding: 2px 10px; + margin-top: 20px; + width:115px; + } + .food-drinks .add-food:hover{ + background:var(--blue-color); + color:#ffffff; + } + .food-drinks .fd-add{ + text-align: right; + } + .food-drinks .fd-price{ + text-align: right; + } + .quantity .qty-no{ + position: relative; + width:120px; + height:45px; + border:2px solid var(--blue-color); + background-color:transparent; + border-radius:5px; + display:flex; + margin:0 auto; + float: right; + } + .quantity input{ + border-width:0; + background-color: transparent; + text-align: center; + width:115px; + font-size: 16px; + color:#000000; + font-weight: 600; + z-index:1; + } + .quantity input[type=number]{ + -webkit-text-size-adjust: 100%; + } + .quantity input[type=number]::-webkit-inner-spin-button, + .quantity input[type=number]::-webkit-outer-spin-button{ + -webkit-appearance: none; + } + .quantity input[type=number] { + -moz-appearance:textfield; + } + .quantity .plus, .quantity .minus{ + position:absolute; + top:0; + background-color: transparent; + border-width: 0; + padding: 0; + width: 30px; + height: 45px; + line-height:35px; + line-height:45px; + font-size: 15px; + color:#000; + z-index:5; + } + .quantity .plus{ + right:0; + } + .quantity .minus{ + left:0; + } + /*---------------------------------Signup ----------------------------*/ + .sign-in-container{ + padding-bottom: 80px; + } + .guest{ + width: 100%; + border:2px solid #00B4D5; + background-color: #fff; + color: #5A5A5D; + padding: 7px 10px; + border-radius: 5px; + text-transform: uppercase; + margin-top:5px; + } + .guest:hover{ + background-color:#ec407a; + color: #fff; + border-color:#ec407a; + } + .forget-pwd{ + margin-left: 155px; + } + @media (max-width: 580px){ + .accordion-body.signup .forget-pwd{ + margin-left:0!important; + } + } + @media (max-width: 768px){ + .guest{ + margin-top:15px; + } + } + /*---------------------------------summary ----------------------------*/ + .summary p{ + color: #000; + font-size: 17px; + font-weight: 500; + } + .summary p span{ + color: #000; + font-size: 19px; + } + .summary .summary-body{ + margin-top: 30px; + padding: 30px 40px; + border-radius: 5px; + background: #FFF; + box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); + } + .summary .summary-phase1{ + border-bottom: 2px solid #E5E7EB; + justify-content: space-between !important; + } + .summary .summary-phase2{ + margin-top: 20px; + } + .summary .summary-phase2 div.cost{ + color: #000; + font-size: 20px; + font-weight: 700; + margin-bottom: 15px; + } + .summary .col-md-6:nth-of-type(2){ + text-align: end !important; + } + .summary .summary-phase2 .summary-hours img{ + padding: 0px 3px; + } + .summary .summary-phase2 p.summary-hours-charge { + margin: 0; + } + .summary .summary-phase2 p.summary-hours-credits{ + font-size: 14px; + } + .summary .summary-button{ + padding: 3px 13px; + font-size: 16px; + } + /*---------------------------------Modal----------------------------*/ + .accordion-body.food-drinks{ + padding:30px 0; + } + .modal.show .modal-dialog{ max-width: 550px; } + .modal-body{ + padding: 20px 35px 0!important; + background-color: #fff; + border-radius: 5px; + box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); + } + .modal-body .row{ + margin-top: + } + .modal-body p.head{ + color: #000; + font-size: 21px; + font-weight: 700; + } + .modal-body p.sub-head{ + color: #000; + font-size: 16px; + font-weight: 500; + } + .modal-body p.content{ + color: #000; + font-size: 18px; + font-weight: 500; + margin-bottom: 5px; + + } + .modal-body input[type="radio"] { + margin-top: 5px; + width: 18px; + height: 18px; + } + .modal-body button.add-cart{ + padding: 3px 20px; + border-radius: 10px; + background: var(--pink-color); + color: #fff; + border: none; + font-size: 15px; + font-weight: 500; + } + .modal-body button.add-cart:hover{ + background:var(--blue-color); + } + .modal-body button.continue{ + padding: 3px 20px; + border: 1px solid var(--pink-color) !important; + border-radius: 10px; + background: #fff; + color: var(--pink-color); + font-size: 15px; + font-weight: 600; + } + .modal-body button.continue:hover{ + background:var(--pink-color); + color:#ffffff; + } + /*---------------------------------Golf instruction----------------------------*/ + .golf-instruction{ + margin-top: 50px ; + padding: 40px 0px; + background: #F8F8F4; + } + .golf-instruction .row{ + align-items: center; + } + .golf-instruction h1{ + color: #000; + font-size: 30px; + font-weight: 600; + position: relative; + } + .golf-instruction h1::before{ + content: ""; + position: absolute; + background-color: #002B60; + width: 23%; + height: 2px; + left: 0%; + bottom: -10px; + } + .golf-instruction p{ + color: #6E6D68; + font-size: 15px; + margin: 20px 0px; + margin-bottom: 0; + } + .golf-instruction ul{ + margin-top: 15px; + list-style-type: none; + padding:0; + } + .golf-instruction ul li{ + color: #000; + font-size: 16px; + font-weight: 600; + line-height: 3; + border-bottom: 1px solid #B4B4B4; + } + .golf-instruction ul li:last-child{ + border: none; + } + .golf-instruction ul li span{ + font-size: 16px; + font-weight: 500; + } + /*---------------------------------Golf instruction----------------------------*/ + .coach-instruction{ + margin-top: 50px ; + background: #F8F8F4; + position: relative; + overflow: hidden; + } + .coach-instruction .row{ + align-items: center; + } + .coach-instruction h1{ + color: #000; + font-size: 30px; + font-weight: 600; + position: relative; + } + .coach-instruction h1::before{ + content: ""; + position: absolute; + background-color: #002B60; + width: 23%; + height: 2px; + left: 0%; + bottom: -10px; + } + .coach-instruction p{ + color: #6E6D68; + font-size: 15px; + margin: 20px 0px; + margin-bottom: 0; + } + .coach-instruction ul{ + margin-top: 15px; + list-style-type: none; + padding:0; + } + .coach-instruction ul li{ + color: #000; + font-size: 16px; + font-weight: 600; + line-height: 3; + border-bottom: 1px solid #B4B4B4; + } + .coach-instruction ul li:last-child{ + border: none; + } + .coach-instruction ul li span{ + font-size: 16px; + font-weight: 500; + } + .coach-instruction .player-image img{ + position: absolute; + right: 0; + top: 0; + } + .coach-instruction .content{ + padding:50px 15px; + background: #f8f8f4; + z-index: 1; + } + @media (min-width: 1440px){ + .coach-instruction .content{ + padding:150px 15px; + } + } + /*------------------------Contact section--------------------*/ + .contact-section a{ + border-radius: 0 !important; + } + + @media (min-width: 1200px){ + .golf-instruction .row{ + position: relative; + } + .golf-instruction .content{ + position: absolute; + right: 100px; + bottom: -15px; + } + } + /*---------------------------------Tab to desktop view----------------------------*/ + @media (min-width: 992px) and (max-width: 1200px){ + .book-slot .bay button{ + padding: 8px 24px !important; + } + } + /*---------------------------------Tab Responsive ----------------------------*/ + @media (max-width:992px) { + /*-----------Books slot-----------------*/ + .book-slot h3.bay-head{ + font-size: 23px; + } + .book-slot{ + margin: 0 !important; + } + .book-slot label{ + margin-top: 20px; + } + .book-slot input[type="date"]{ + width: 100%; + padding: 5px 10px; + } + .book-slot select{ + font-size: 15px; + padding: 10px 10px; + } + .book-slot .bay button{ + padding:3px 25px; + font-size: 13px !important; + } + .quantity .qty-no{ + height: 30px; + line-height:35px; + width:100px; + } + .quantity input{ + width:100px; + } + .quantity .plus, .quantity .minus{ + height: 30px; + line-height: 30px; + font-size: 12px; + } + .golf-instruction .content{ + margin-top: 50px; + position:unset; + } + + .coach-instruction{ + position: unset; + } + .coach-instruction .player-image{ + position: unset; + } + .coach-instruction .player-image img{ + display: none; + } + .summary .summary-phase2 div.cost{ + margin-bottom: 0; + } + } + /*-----------Food-drinks-----------------*/ + + /*---------------------------------Mobile Responsive ----------------------------*/ + @media (max-width:768px) { + /*-----------Books slot-----------------*/ + .book-slot .slot-show .col-md-7{ + padding: 0; + } + .book-slot ul li{ + font-size: 14px; + } + .book-slot ul li:first-child::before,.book-slot ul li:nth-child(2)::before,.book-slot ul li:nth-child(3)::before{ + width: 16px; + height: 16px; + right: -28px; + left: -18px; + top: 6px; + } + .book-slot .coach-details{ + padding: 20px; + } + /*-----------Food & Drinks-----------------*/ + .food-drinks h3{ + margin-top: 20px; + font-size: 19px; + } + .food-drinks .add-food{ + margin-top: 0 !important; + padding: 0 !important; + width: 80px !important; + height: 30px; + font-size: 13px; + line-height: 25px; + } + .food-drinks p.fd-head2{ + text-align: left; + font-size: 15px; + } + .food-drinks p.fd-head2 span{ + font-size: 17px; + } + .food-drinks p.fd-price{ + margin-top: 0 !important; + } + /*-----------Summary-----------------*/ + .summary .summary-body .row{ + margin-top: 10px; + } + .summary .summary-phase1{ + border: none; + } + .summary p{ + font-size: 16px; + margin-bottom: 4px; + } + .summary .col-md-6:first-of-type p{ + font-weight: 600; + } + .summary .col-md-6:nth-of-type(2){ + text-align: left !important; + border-bottom: 2px dashed #E5E7EB; + } + .summary .summary-time .col-md-6:nth-of-type(2){ + + border-bottom: 2px solid #E5E7EB; + } + .golf-instruction h1{ + font-size: 22px; + } + .next,.skip{ + padding: 0px 25px; + font-size: 14px; + margin-top: 15px; + } + } + .food-snacks{ + overflow-y: auto; + overflow-x: hidden; + max-height: 550px; + padding: 20px 25px; + } +.food-snacks::-webkit-scrollbar-thumb { + background-color: #EB008B99; + border-radius: 15px; + height: 5px; +} +.food-snacks::-webkit-scrollbar { + width:4px; + background-color: #f5f5f5; +} +.food-snacks::-webkit-scrollbar-track { + background-color: #f5f5f5; +} diff --git a/public/assets/member_images/golf-player.png b/public/assets/member_images/golf-player.png new file mode 100644 index 0000000..ff7aba4 Binary files /dev/null and b/public/assets/member_images/golf-player.png differ diff --git a/public/assets/member_images/jonathan_coach.png b/public/assets/member_images/jonathan_coach.png new file mode 100644 index 0000000..5619a20 Binary files /dev/null and b/public/assets/member_images/jonathan_coach.png differ diff --git a/public/assets/member_images/player_image.png b/public/assets/member_images/player_image.png new file mode 100644 index 0000000..a10cf4b Binary files /dev/null and b/public/assets/member_images/player_image.png differ