@extends('crm.layouts.app')

@section('content')
<div class="content-wrapper">
    <div class="container-fluid">
      <div class="card card-tabs card-secondary">
        {{-- Tab Navigation Starts --}}
        <div class="card-header p-0 pt-1 border-bottom-0">
          <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
            <li class="nav-item ml-1">
              <a class="nav-link active" id="cash_cheque" data-toggle="pill" data-target="#cash_cheque-id" role="tab" aria-controls="cash_cheque-id" aria-selected="true">
                <img src="{{asset('images/cash.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Cash/Cheque')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="paypal" data-toggle="pill" data-target="#paypal-id" role="tab" aria-controls="paypal-id" aria-selected="true">
                <img src="{{asset('images/paypal.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Paypal')}}
              </a>
            </li>
            {{-- <li class="nav-item ml-1">
              <a class="nav-link" id="stripe-integration" data-toggle="pill" data-target="#stripe-integration-id" role="tab" aria-controls="stripe-integration-id" aria-selected="false">
                <img src="{{asset('images/stripe.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Stripe')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="amazonpay-integration" data-toggle="pill" href="#amazonpay-integration-id" role="tab" aria-controls="amazonpay-integration-id" aria-selected="false">
                <img src="{{asset('images/amazonpay.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Amazon Pay')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="razorpay-integration" data-toggle="pill" href="#razorpay-integration-id" role="tab" aria-controls="razorpay-integration-id" aria-selected="false">
                <img src="{{asset('images/razorpay.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Razor Pay')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="checkout-integration" data-toggle="pill" href="#checkout-integration-id" role="tab" aria-controls="checkout-integration-id" aria-selected="false">
                <img src="{{asset('images/checkout.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('CheckOut')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="square-integration" data-toggle="pill" href="#square-integration-id" role="tab" aria-controls="square-integration-id" aria-selected="false">
                <img src="{{asset('images/square.svg')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('Square')}}
              </a>
            </li>
            <li class="nav-item ml-1">
              <a class="nav-link" id="worldpay-integration" data-toggle="pill" href="#worldpay-integration-id" role="tab" aria-controls="worldpay-integration-id" aria-selected="false">
                <img src="{{asset('images/worldpay1.png')}}" alt="" width="18px" height="18px" class="mr-1">
                {{__('WorldPay')}}
              </a>
            </li> --}}
          </ul>
        </div>
        {{-- Tab Navigation Ends --}}
        {{-- Tab Content Starts --}}
        <div class="card-body bg-light-gray">
          <div class="tab-content" id="custom-tabs-three-tabContent">
            {{-- Tab - Cash_cheque --}}
            <div class="tab-pane fade show active" id="cash_cheque-id" role="tabpanel" aria-labelledby="cash_cheque">
              @include('crm.office.payment_modes.cash_cheque')
            </div>

            {{-- Tab - Paypal --}}
            <div class="tab-pane fade show" id="paypal-id" role="tabpanel" aria-labelledby="paypal">
              @include('crm.office.payment_modes.paypal')
            </div>

            {{-- Tab - Stripe --}}
            <div class="tab-pane fade show" id="stripe-integration-id" role="tabpanel" aria-labelledby="stripe-integration">
              @include('crm.office.payment_modes.stripe')
            </div>

            {{-- Tab - amazonpay --}}
            <div class="tab-pane fade show" id="amazonpay-integration-id" role="tabpanel" aria-labelledby="amazonpay-integration">
              @include('crm.office.payment_modes.amazonpay')
            </div>

            {{-- Tab - razorpay --}}
            <div class="tab-pane fade show" id="razorpay-integration-id" role="tabpanel" aria-labelledby="razorpay-integration">
              @include('crm.office.payment_modes.razorpay')
            </div>

            {{-- Tab - checkout --}}
            <div class="tab-pane fade show" id="checkout-integration-id" role="tabpanel" aria-labelledby="checkout-integration">
              @include('crm.office.payment_modes.2checkout')
            </div>

            {{-- Tab - square --}}
            <div class="tab-pane fade show" id="square-integration-id" role="tabpanel" aria-labelledby="square-integration">
              @include('crm.office.payment_modes.square')
            </div>

            {{-- Tab - worldpay --}}
            <div class="tab-pane fade show" id="worldpay-integration-id" role="tabpanel" aria-labelledby="worldpay-integration">
              @include('crm.office.payment_modes.worldpay')
            </div>

          </div>
        </div>
        {{-- Tab Content Ends --}}
      </div>
    </div>
  </div>
</div>


@endsection