@extends('front.patient.inner-layout.app')
@section('content')
    <div class="page-content dashboard-wrapper mdashboard-wrapper space-bttm-n small-sc-relative">
         <div class="row align-items-center">
            <div class="col-lg-6 col-md-6 col-sm-4">
               <h1 class="page-title eagle-font font-400"> <span class="arca-font">My</span> Products</h1>
            </div>
            @include('front.patient.inner-layout.header')
         </div>
         <div class="brdr-bttm mb-0"></div>
         <div class="mydashboard-upcoming-area upcoming-appintarea">
            <div class="row">
               <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 mt-20">
               <h2 class="sub-title mb-30">Shipping address</h2>
               <div class="shipping-form comm-form">
                  <div class="row">
                    <div class="col-lg-6 col-md-6">
                      <div class="form-group">
                        <label>First name</label>
                        <input type="text" class="form-control" placeholder="Monica">
                      </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                      <div class="form-group">
                        <label>Last name</label>
                        <input type="text" class="form-control" placeholder="Leveque">
                      </div>
                    </div>
                  </div>
                  <div class="mb-20"></div>
                  <div class="row">
                    <div class="col-lg-12 col-md-12">
                      <div class="form-group">
                        <label>Address</label>
                        <input type="text" class="form-control" placeholder="Appartment 12">
                      </div>
                      <div class="form-group">
                        <input type="text" class="form-control" placeholder="33 Long Island Rd">
                      </div>
                      <div class="form-group">
                        <input type="text" class="form-control" placeholder="Port Macquarie">
                      </div>
                    </div>
                  </div>
                  <div class="mb-20"></div>
                  <div class="row">
                    <div class="col-lg-4 col-md-4">
                      <div class="form-group">
                        <label>Country</label>
                        <input type="text" class="form-control" placeholder="Australia">
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                      <div class="form-group">
                        <label>State/territory</label>
                        <input type="text" class="form-control" placeholder="NSW">
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                      <div class="form-group">
                        <label>Postcode</label>
                        <input type="text" class="form-control" placeholder="2345">
                      </div>
                    </div>
                  </div>
                  <div class="shipping-method-area">
                  <h2 class="sub-title mb-30 mt-30">Shipping method</h2>
                  <div class="popup-more-filter">
                     <div class="popup-label">
                        <div class="row">
                           <div class="col-lg-12 col-md-12">
                              <div class="custom-control custom-checkbox">
                                 <input type="radio" class="custom-control-input" name="gender" id="post1" value="female" checked>
                                 <label class="custom-control-label" for="post1">Regular post</label>
                                 <span class="textprice">$9.50</span>
                              </div>
                              <div class="custom-control custom-checkbox">
                                 <input type="radio" class="custom-control-input" name="gender" id="post2" value="female" checked>
                                 <label class="custom-control-label" for="post2">Express post</label>
                                 <span class="textprice">$15.50</span>
                              </div>
                              <div class="custom-control custom-checkbox">
                                 <input type="radio" class="custom-control-input" name="gender" id="post3" value="female" checked>
                                 <label class="custom-control-label" for="post3">Pick up from Health First Clinic, Brighton</label>
                                 <span class="textprice"></span>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="row align-items-center mt-20">
                          <div class="col-md-4 col-4 text-left">
                             <a class="cursor-pointer text-green mt-0"><img src="http://192.168.1.24/users/dhrumil/find_my_appointment/public/assets/images/back-img.png" alt="" class="img-fluid ml-0 mr-1"> Back </a>
                          </div>
                          <div class="col-md-8 col-8 text-sm-right mt-sm-0">
                             <a href="#" class="cursor-pointer continue-txt appointment-btn green-lg-btn mb-0 float-right text-white">Continue to payment</a>
                          </div>
                     </div>
                  <!-- <ul class="popup-label">
                     <li><div class="custom-control custom-checkbox">
                           <input type="radio" class="custom-control-input" name="gender" id="female" value="female">
                           <label class="custom-control-label" for="female">Female</label>
                        </div>
                     </li>
                     <li><div class="custom-control custom-checkbox">
                           <input type="radio" class="custom-control-input" name="gender" id="female4" value="female" checked>
                           <label class="custom-control-label" for="female4">Female</label>
                        </div>
                     </li>
                     <li><div class="custom-control custom-checkbox">
                           <input type="radio" class="custom-control-input" name="gender" id="female5" value="female">
                           <label class="custom-control-label" for="female5">Female</label>
                        </div>
                     </li>
                  </ul> -->
                  </div>
                  </div>
               </div>
               </div>
               <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 brdr-left spl-bdr">
                  <div class="customscroll mt-30 shipping-productbox-cartarea">
                     <div class="mCustomScrollbar">
                     <div class="productbox-cartarea">
                        <div class="row align-items-center">
                           <div class="col-lg-7 col-md-7 col-sm-7">
                              <div class="media">
                                 <img src="{{asset("assets/images/bottle-img-1.png")}}" class="mr-3 mCS_img_loaded" alt="...">
                                 <div class="media-body">
                                 <h5 class="mt-0 mb-0">Bioceuticals HashiComplex 90 tablets</h5>
                                 </div>
                              </div>
                           </div> 
                           <div class="col-lg-3 col-md-3 col-sm-3">
                           <div class="addcart-rarea">                                
                              <table>
                                 <tbody>
                                    <tr>
                                       <td>Qty: </td>
                                       <td class="customdroppdown gray-brdr line-dropdown">
                                       <div class="form-group marg-bttm mb-0 online-dropdown select-dropdown avalable-drop hide-first-child">
                                          <select id="mounth50" class="form-control box-shadow-none">
                                             <option>1 </option>
                                             <option>5</option>
                                             <option>6 </option>
                                             <option>4</option>
                                             <option>2 </option>
                                             <option>3 </option>
                                          </select>
                                       </div>
                                       </td>
                                    </tr>
                                 </tbody>
                              </table>
                              </div>
                           </div>
                           <div class="col-lg-2 col-md-2 col-sm-2">
                              <div class="addcart-rarea">
                                 <h5>$49.99</h5>
                                 <a href="#" class="text-green">Remove</a>
                              </div>
                           </div>
                        </div>
                     </div> 
                     <div class="productbox-cartarea">
                        <div class="row align-items-center">
                           <div class="col-lg-7 col-md-7 col-sm-7">
                              <div class="media">
                                 <img src="{{asset("assets/images/bottle-img-2.png")}}" class="mr-3 mCS_img_loaded" alt="...">
                                 <div class="media-body">
                                 <h5 class="mt-0 mb-0">Metagenics PhytoMulti 60 tablets</h5>
                                 </div>
                              </div>
                           </div> 
                           <div class="col-lg-3 col-md-3 col-sm-3">
                           <div class="addcart-rarea">                                
                              <table>
                                 <tbody>
                                    <tr>
                                       <td>Qty: </td>
                                       <td class="customdroppdown gray-brdr line-dropdown">
                                       <div class="form-group marg-bttm mb-0 online-dropdown select-dropdown avalable-drop hide-first-child">
                                          <select id="mounth50" class="form-control box-shadow-none">
                                             <option>1 </option>
                                             <option>5</option>
                                             <option>6 </option>
                                             <option>4</option>
                                             <option>2 </option>
                                             <option>3 </option>
                                          </select>
                                       </div>
                                       </td>
                                    </tr>
                                 </tbody>
                              </table>
                              </div>
                           </div>
                           <div class="col-lg-2 col-md-2 col-sm-2">
                              <div class="addcart-rarea">
                                 <h5>$49.99</h5>
                                 <a href="#" class="text-green">Remove</a>
                              </div>
                           </div>
                        </div>
                     </div> 
                     </div>
                  </div>
                  <div class="subtotoal-pricingarea">
                     <div class="subtotal-pring-area">
                     <div class="row">
                        <div class="col-6">
                        <h6>Subtotal</h6>
                        </div> 
                        <div class="col-6 text-right">
                        <h6>$99.98</h6>
                        </div> 
                     </div>
                     </div>
                     <div class="subtotal-pring-area">
                     <div class="row">
                        <div class="col-6">
                        <h6>Shipping</h6>
                        </div> 
                        <div class="col-6 text-right">
                        <h6>$15.50</h6>
                        </div> 
                     </div>
                     </div>
                     <div class="brdr-bttm"></div>
                     <div class="subtotal-pring-area">
                     <div class="row">
                        <div class="col-6">
                        <h6 class="font-bold">Total</h6>
                        </div> 
                        <div class="col-6 text-right">
                        <h6 class="font-bold">$115.48</h6>
                        </div> 
                     </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
@endsection

@section('css')

@endsection

@section('js')

@endsection