@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">
                Request Payout
              </li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <div class="card">
            <div class="card-body">
              <h2 class="border-bottom pb-3 bill-title">Payout Request
                <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">
                <div class="form-group mb-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>
              <div class="bl-group border-bottom mt-6">
                <h2>{{$name}}</h2>
              </div>
              <div class="bl-group border-bottom mt-6">
                <h2>Details</h2>
              </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" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne" aria-expanded="false">
                        Test Series Package
                        <span id="testSeriesTotal"><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>Settled Amount</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" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" aria-expanded="false">
                        Pass
                        <span  id="passTotal"><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>Settled Amount</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>Tax to be collected</p>
                <p id="gstTotal"><i class="fa fa-rupee"></i> {{$taxValue}}</p>
              </div>
              <!-- <div class="border-bottom-dash my-5"></div> -->
              <div class="bl-group border-bottom mt-6">
                <h2>Total Earning</h2>
                <p class="fs-20" id="grandTotal"><i class="fa fa-rupee"></i> {{$actualTotal-$taxValue}} INR</p>
              </div>

              <div class="test-footer">
                <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14 payout_add_btn" id="payout_add_btn">Submit</button>
                <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</button></a>
              </div>
            </div>
          </div>
          <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
  var bank_listing = "{{route('coaching.payout.list')}}";
  var test_series_count = "{{$testCount}}";
  var pass_count = "{{$passCount}}";
  var sale_id = "{{$saleId}}";
  var org_count = "{{$orgCount}}"
</script>
<script type="text/javascript" src="{{asset('js/coaching/payout.js?v='.time())}}"></script>

@endsection