@extends('coaching.layout.master')
@section('content')
<div class="app-content my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="{{route('coaching.payout.list')}}">Payout Management</a>
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Invoice Details
              </li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h2 class="pb-3">Invoice Details</h2>
          <div class="card" id="invoice">
            <div class="card-body">
              <h2 class="border-bottom pb-3 bill-title">Bill
                <a class="help-info" href="javascript:void(0)">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                    <g transform="translate(-202 -3432)">
                      <rect width="24" height="24" transform="translate(202 3432)" fill="rgba(0,0,0,0)"
                        opacity="0.871" />
                      <path
                        d="M214,3454a10,10,0,1,1,10-10A10.011,10.011,0,0,1,214,3454Zm-.015-6.46a1.336,1.336,0,0,0-.941.375,1.268,1.268,0,0,0-.277.405,1.249,1.249,0,0,0-.1.5,1.277,1.277,0,0,0,.379.915,1.3,1.3,0,0,0,.417.27,1.391,1.391,0,0,0,.525.1,1.372,1.372,0,0,0,.518-.1,1.35,1.35,0,0,0,.42-.27,1.246,1.246,0,0,0,.281-.408,1.286,1.286,0,0,0,.1-.507,1.245,1.245,0,0,0-.382-.907,1.367,1.367,0,0,0-.42-.273A1.308,1.308,0,0,0,213.985,3447.54Zm.135-6.78a1.174,1.174,0,0,1,.814.266.916.916,0,0,1,.3.715,1.284,1.284,0,0,1-.158.649,2.072,2.072,0,0,1-.4.5,4.728,4.728,0,0,1-.517.412,6.2,6.2,0,0,0-.518.4,2.076,2.076,0,0,0-.4.454,1.057,1.057,0,0,0-.157.578c0,.034,0,.063,0,.09s.007.064.012.09l.165,1.208h1.59l.21-1.05a.8.8,0,0,1,.237-.42,4.545,4.545,0,0,1,.45-.383q.258-.194.547-.416a3.069,3.069,0,0,0,.533-.529,2.684,2.684,0,0,0,.4-.72,2.781,2.781,0,0,0,.158-.99,2.722,2.722,0,0,0-.213-1.091,2.369,2.369,0,0,0-.611-.841,2.781,2.781,0,0,0-.964-.536,4.088,4.088,0,0,0-1.272-.187,4.8,4.8,0,0,0-.933.086,4.393,4.393,0,0,0-.806.24,4.766,4.766,0,0,0-.7.356,5.267,5.267,0,0,0-.6.435l.615.945a.52.52,0,0,0,.481.277.565.565,0,0,0,.284-.082c.091-.053.2-.114.334-.184a2.608,2.608,0,0,1,.458-.185A2.293,2.293,0,0,1,214.12,3440.76Z"
                        fill="" />
                    </g>
                  </svg>
                </a>
              </h2>
              <div class="bl-group flex-wrap flex-md-nowrap">
                <div class="form-group mb-2 mb-md-0">
                  <div class="form-inline">
                    <label for="" class="form-label mr-2">Date: </label>
                    <!-- <select name="" id="" class="form-control input-sm">
                      <option value="">December 2019</option>
                    </select> -->
                    <input type="text" name="month" id="month" class="form-control" value="@if(isset($sale[0])){{date('d/m/Y', strtotime($sale[0]['created_at']))}} to {{date('d/m/Y', strtotime($sale[$saleCount]['created_at']))}}@endif" disabled>
                  </div>
                </div>
                <div class="btn-group">
                  <form method="post" action="{{route('coaching.payout.csv_export', $viewId)}}" id="csv_export_form">
                    {{csrf_field()}}
                    <button class="btn btn-outline-primary fs-14 csv_export" type="button"><i class="fa fa-download"></i> Download
                    CSV</button>
                  </form>
                  <button class="btn btn-outline-primary fs-14" type="button" id="print"><i class="fa fa-print"></i> Print</button>
                </div>
              </div>
              <div class="bl-group border-bottom mt-6">
                @if($organization)
                  <h2>{{$organization['beneficiary_organization_name']}}</h2>
                @endif
              </div>
              <div class="bl-group border-bottom mt-6">
                <h2>Details</h2>
                <button class="btn btn-outline-primary fs-14" type="button" id="expand" value="0"><i class="fa fa-plus" id="plus"></i>Expand All</button>
              </div>
              <!-- <div class="bl-group  mt-6 mb-1">
                <h5>Akash Institute Pvt. Ltd</h5>
                <p><i class="fa fa-rupee"></i> 5000</p>
              </div> -->
              <!-- Accordian -->
              <div class="panel-group1 mb-6" id="accordion2">
                <div class="panel panel-default mb-4 panel2 panel-outline add-height">
                  <div class="panel-heading1">
                    <h4 class="panel-title1">
                      <a class="accordion-toggle collapsed fs-18 expandall" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne" aria-expanded="false">
                        Test Series Package
                        <span><i class="fa fa-rupee"></i> {{$testSeriesTotal}}</span>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                    <div class="panel-body">
                      <div class="table-responsive">
                        <table class="table card-table table-vcenter text-nowrap">
                          <thead>
                            <tr>
                              <th>Package Name</th>
                              <th>Quantity</th>
                              <th>Price</th>
                            </tr>
                          </thead>
                          <tbody>
                            @if(!$testSeries->isEmpty())
                            @foreach($testSeries as $val)
                            <tr>
                              <td>{{$val['package_name']}}</td>
                              <td>{{$val['test_series_count']}}</td>
                              <td><i class="fa fa-rupee"></i> {{$val['coaching_amount']}}</td>
                            </tr>
                            @endforeach
                            @endif
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="panel panel-default mb-4 panel-outline panel2 add-height">
                  <div class="panel-heading1">
                    <h4 class="panel-title1">
                      <a class="accordion-toggle collapsed fs-18 expandall" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" aria-expanded="false">
                        Pass
                        <span><i class="fa fa-rupee"></i> {{$passTotal}}</span>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                    <div class="panel-body">
                      <div class="table-responsive">
                        <table class="table card-table table-vcenter text-nowrap">
                          <thead>
                            <tr>
                              <th>Package Name</th>
                              <th>Quantity</th>
                              <th>Price</th>
                            </tr>
                          </thead>
                          <tbody>
                            @if(!$pass->isEmpty())
                            @foreach($pass as $val)
                            <tr>
                              <td>{{$val['pass_type_name']}}</td>
                              <td>{{$val['pass_count']}}</td>
                              <td>
                                  <i class="fa fa-rupee"></i> {{$val['coaching_amount']}}
                              </td>
                            </tr>
                            @endforeach
                            @endif
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="bl-group  mt-6 mb-1">
                  <h5>Sub Total</h5>
                  <h5><i class="fa fa-rupee"></i> {{$actualTotal}}</h5>
                </div>
              </div>
              <!-- Accordian end -->
              <h2 class="border-bottom pb-3 mb-3">Taxes</h2>
              <div class="bl-group  mt-6 mb-1">
                <p>GST to be collected</p>
                <p><i class="fa fa-rupee"></i> {{$taxValue}}</p>
              </div>
              <div class="border-bottom-dash my-5"></div>

              <div class="details-bg-box">
                <p class="fs-16 border-bottom pb-3 mb-3">Revenue To Company (Admisure)</p>
                <div class="bl-group">
                  <h2>Total Earning</h2>
                  <p><i class="fa fa-rupee"></i> {{$actualTotal-$taxValue}} INR</p>
                </div>
              </div>
              <div class="test-footer">
                <a href="{{route('coaching.payout.list')}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14 back">Back</button></a>
              </div>
            </div>
          </div>
          <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
  var bank_listing = "{{route('coaching.payout.list')}}";
</script>
<script type="text/javascript" src="{{asset('js/coaching/payout.js?v='.time())}}"></script>

@endsection