@extends('front.inner-layout.app')
@section('content')

<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper wrapp-communication">
   <div class="row align-items-center">
      <div class="col-lg-4 col-md-4 col-sm-4">
         <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Orders</h1>
      </div>
     @include('front.inner-layout.header')
   </div>
   <div class="brdr-bttm"></div>
   <div class="team-wrapper expense-wrapper expensewrapp-height myroder-area">
      <div class="myorder-box ">
          <div class="syrup-img mb-30">
            
           <img src="{{asset('assets/images/syrup-bottle.jpg')}}" alt="" class="img-fluid">
          </div> 
          <div class="syrup-content-area">
            <h3 class="font-bold text-blue mb-30">Activate your payment gateway to access online orders</h3>
            <p>Allow your clients to easily re-order prescribed products through their My Appointment account. No terminal required, no monthly fees or minimum spend, cancel anytime. Only 1.4% plus 10c per transaction.</p>
            <a class="call-model"
            data-target-modal="#showintegratedpaymentgateway"
            data-id="2"
            data-url="{{route('showintegratedpaymentgateway')}}"
            href="javaqscrip:void(0)"
            >Activate Payment Gateway</a>
          </div>
      </div>
   </div>
</div>
@endsection

@section('modals')
<div id="load-modal"></div>
@endsection

@section('css')
<style>
 

</style>
@endsection

@section('js')
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.17.0/jquery.validate.js"></script>

<script src="{{asset('assets/js/practitioner/my-order.js')}}" type="text/javascript"></script>
@endsection