@extends('admin.layout.master')

@section('content')
 <link rel="stylesheet" href="{{ asset('admin/plugins/morris/morris.css') }}">
<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page">Sales Management</li>
							<li class="breadcrumb-item active" aria-current="page">Overview</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
		            
		            <h1>Order Summary</h1>

            <div class="card">
              <!-- Tabs -->
              <div id="parentHorizontalTab" class="tab-accordion">
                <ul class="resp-tabs-list hor_1">
                  <li>Order</li>
                  <!-- <li>Coupon</li>
                  <li>Refund Details</li>
                  <li>Tax Report</li> -->
                </ul>
                <div class="resp-tabs-container hor_1 tab-accordion-body">
                  <div>
                  	<form method="post" id="excel_export_frm">
                  	{{csrf_field()}}
                    <!-- Filter box -->
		            
                    <div class="box-bg-light order-box-resp">
                    	<div class="card min-h-80">
		              <div class="card-body">
		                <p class="text-right mb-4">
		                  <a href="javascript:void(0)" class="clearall"><i class="fa fa-close"></i> Clear All</a>
		                </p>
		                <form action="{{route('admin.coaching.excel_export')}}" method="post" id="excel_export_frm">
		                  {{csrf_field()}}
		                  <div class="form-row filter-row">
		                    <div class="form-group col-md-3 mb-sm-0">
		                      <select  id="examtype_filter" name="examtype_filter" class="form-control input-sm search_filter">
		                        <option value="" selected>Select Exam</option>
		                        @if($examTypes)
		                    		@foreach($examTypes as $types)
		                    		    <option value="{{$types->id}}">{{$types->exam_type}}</option>
		                    		@endforeach
			                    @endif
		                      </select>
		                    </div>
                        <div class="form-group col-md-3 mb-sm-0">
                          <select  id="coaching_type" name="coaching_type" class="form-control input-sm">
                            <option value="1">Company</option>
                            <option value="2" selected="selected">Coaching</option>
                          </select>
                        </div>
		                    <div class="form-group col-md-6 mb-sm-0">
		                      <div class="input-group search-filter">                       
		                        <input type="text"  class="form-control input-sm name_search_filter" placeholder="Search for..." id="name_filter" name="name_filter"/>
		                        <span class="input-group-append">
		                          <button type="button" class="btn main_filter" type="button">
		                             <img src="{{asset('admin/images/filter.svg')}}" width="15" alt=""/>
		                          </button>
		                        </span>
		                      </div>
		                    </div>
		                  </div>
		                  <div class="custom-row-filter advance_filter" style="display: none;">
		                    <div class="form-row">
		                      <label for="staticEmail" class="form-label">Location :</label>
		                      <div class="">
		                        <select id="state_filter" name="state_filter" class="form-control input-sm">
		                          <option value="">State</option>
		                          @if($states)
			                    		@foreach($states as $state)
			                    		    <option value="{{$state->id}}" >{{$state->name}}</option>
			                    		@endforeach
				                    @endif
		                        </select>
		                      </div>
		                    </div>

		                    <div class="form-row">
		                      <div class="">
		                        <select id="city_filter" name="city_filter" class="form-control input-sm">
		                          <option value="">City</option>
		                        </select>
		                      </div>
		                    </div>

		                    <div class="form-row">
		                      <label for="staticEmail" class="form-label">Rating :</label>

		                      <div class="btn-group rating-select">
		                        <button type="button" class="btn btn-light btn-custom-toggle dropdown-toggle" data-toggle="dropdown">
		                          <span class="caret">Rating</span>
		                        </button>
		                        <ul class="dropdown-menu" role="menu">
		                        	<li class="rating_filter_li" data-id="">
		                            	<a href="">All</a>
			                        </li>
		                        	<li class="rating_filter_li" data-id="1">
		                            	<a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star" style="color: #fc8f2d"></i><strong class="ml-2">1</strong></a>
			                        </li>
			                        <li class="rating_filter_li" data-id="2">
		                            	<a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">2</strong></a>
			                        </li>
			                        <li class="rating_filter_li" data-id="3">
		                            	<a href=""><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">3</strong></a>
			                        </li>
			                        <li class="rating_filter_li" data-id="4">
		                            	<a href=""><i class="fa fa-star-o"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">4</strong></a>
			                        </li>
			                        <li class="rating_filter_li" data-id="5">
			                            <a href=""><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><i class="fa fa-star"  style="color: #fc8f2d"></i><strong class="ml-2">5</strong></a>
			                        </li>
		                        </ul>
		                        <input type="hidden" name="rating_filter" id="rating_filter" value="">
		                      </div>
		                    </div>

		                    <div class="form-row">
		                      <label for="staticEmail" class="form-label">Sort By :</label>
		                      <div class="">
		                        <select name="" id="" class="form-control input-sm">
		                          <option value="">Top 10 Coaching</option>
		                        </select>
		                      </div>
		                    </div>

		                    <div class="form-row">
		                      <button type="button" class="btn btn-primary px-5 apply_filter">Apply</button>
		                    </div>
		                  </div>
		                
		              </div>
		            </div>
                      <h3 class="search-type"><img src="{{asset('admin/images/plus.svg')}}" alt="" />Search Type</h3>
                      <div class="row">
                        <p class="form-label fs-14 col-lg-12 font-medium">Date Wise</p>
                        <div class="form-group col-lg-6">
                          <div class="form-inline">
                            <label class="custom-control custom-radio mr-3">
                              <input type="radio" class="custom-control-input" name="example_radios" value="1" checked="checked"/>
                              <span class="custom-control-label">From</span>
                            </label>
                            <div class="input-group mob-wrap">
                              <div class="input-group-prepend">
                                <div class="input-group-text">
                                  <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                </div>
                              </div>
                              <input class="form-control order_from_date" id="order_from_date" name="order_from_date" placeholder="DD/MM/YYYY" type="text"/>
                            </div>
                          </div>
                        </div>
                        <div class="form-group col-lg-6">
                          <div class="form-inline">
                            <label for="" class="form-label mr-3">To</label>
                            <div class="input-group mob-wrap">
                              <div class="input-group-prepend">
                                <div class="input-group-text">
                                  <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                </div>
                              </div>
                              <input class="form-control order_to_date" id="order_to_date" name="order_to_date" placeholder="DD/MM/YYYY" type="text"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <p class="form-label fs-14 col-lg-12 font-medium">Month Wise</p>
                        <div class="form-group col-lg-6">
                          <div class="form-inline">
                            <label class="custom-control custom-radio mr-3">
                              <input type="radio" class="custom-control-input" name="example_radios" value="2"/>
                              <span class="custom-control-label">From</span>
                            </label>
                            <div class="input-group">
                              <select name="order_from_month" id="order_from_month" class="form-control">
                                <option value="">Month</option>
                                @for($month = 1; $month < 13; $month++)
                                	@php $month_name = 'Jan';
                                		switch($month){
                                			case 1 : $month_name = 'Jan'; break;
                                			case 2 : $month_name = 'Feb'; break;
                                			case 3 : $month_name = 'Mar'; break;
                                			case 4 : $month_name = 'Apr'; break;
                                			case 5 : $month_name = 'May'; break;
                                			case 6 : $month_name = 'Jun'; break;
                                			case 7 : $month_name = 'Jul'; break;
                                			case 8 : $month_name = 'Aug'; break;
                                			case 9 : $month_name = 'Sep'; break;
                                			case 10 : $month_name = 'Oct'; break;
                                			case 11 : $month_name = 'Nov'; break;
                                			case 12 : $month_name = 'Dec'; break;
                                		}
                                	@endphp
                                	<option value="{{$month}}">{{$month_name}}</option>
                                @endfor
                              </select>
                              <select name="order_from_year" id="order_from_year" class="form-control">
                              		<option value="">Year</option>
                                @for($year = date('Y'); $year > date('Y') - 50; $year--)
                                	<option value="{{$year}}">{{$year}}</option>
                                @endfor
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="form-group col-lg-6">
                          <div class="form-inline">
                            <label for="" class="form-label mr-3">To</label>
                            <div class="input-group">
                              <select name="order_to_month" id="order_to_month" class="form-control">
                                <option value="">Month</option>
                                @for($month = 1; $month < 13; $month++)
                                	@php $month_name = 'Jan';
                                		switch($month){
                                			case 1 : $month_name = 'Jan'; break;
                                			case 2 : $month_name = 'Feb'; break;
                                			case 3 : $month_name = 'Mar'; break;
                                			case 4 : $month_name = 'Apr'; break;
                                			case 5 : $month_name = 'May'; break;
                                			case 6 : $month_name = 'Jun'; break;
                                			case 7 : $month_name = 'Jul'; break;
                                			case 8 : $month_name = 'Aug'; break;
                                			case 9 : $month_name = 'Sep'; break;
                                			case 10 : $month_name = 'Oct'; break;
                                			case 11 : $month_name = 'Nov'; break;
                                			case 12 : $month_name = 'Dec'; break;
                                		}
                                	@endphp
                                	<option value="{{$month}}">{{$month_name}}</option>
                                @endfor
                              </select>
                              <select name="order_to_year" id="order_to_year" class="form-control">
                              		<option value="">Year</option>
                                @for($year = date('Y'); $year > date('Y') - 50; $year--)
                                	<option value="{{$year}}">{{$year}}</option>
                                @endfor
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="hide-group" style="display: none;">
                        <div class="row">
                          <div class="form-group col-lg-6">
                            <p class="form-label fs-13 ml-7 font-medium">Order Id</p>
                            <div class="form-inline mob-wrap">
                              <label class="custom-control custom-radio mr-3">
                                <input type="radio" class="custom-control-input" name="example_radios" value="3"/>
                                <span class="custom-control-label"></span>
                              </label>
                              <input type="text" class="form-control" id="order_id" name="order_id" placeholder="Enter Order Id"/>
                            </div>
                          </div>
                          <div class="form-group col-lg-6">
                            <p class="form-label fs-13 ml-7 font-medium">Tran. Id</p>
                            <div class="form-inline mob-wrap">
                              <label class="custom-control custom-radio mr-3">
                                <input type="radio" class="custom-control-input" name="example_radios" value="4"/>
                                <span class="custom-control-label"></span>
                              </label>
                              <input type="text" class="form-control" id="transaction_id" name="transaction_id" placeholder="Enter Tran. Id"/>
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="form-group col-lg-6">
                            <p class="form-label fs-13 ml-md-7 font-medium">Transaction Status</p>
                            <div class="form-inline ml-md-7 ">
                              <select name="order_status" id="order_status" class="form-control">
                                <option value="">Select All</option>
                                <option value="1">Pending</option>
                                <option value="2">Completed</option>
                                <option value="4">Failed</option>
                              </select>
                            </div>
                          </div>
                        
                          <div class="form-group col-lg-6">
                            <p class="form-label fs-13 ml-md-7 font-medium">Search By Student Email/Mobile</p>
                            <div class="form-inline ml-md-7 ">
                              <input type="text" class="form-control" id="student_data" name="student_data" placeholder="Search By Student Email/Mobile"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="test-footer">
                        <button type="button" class="btn btn-primary btn-streach font-book mt-5 fs-14 order_search">Search</button>
                        <button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book mt-5 ml-3 fs-14 order_reset">Reset</button>
                      </div>
                    </div>

                    <!-- Order details table -->
                    <div class="card-header pt-7 px-0">
                      <h2>Order Details</h2>
                      <div class="filter-group">
                        <button type="button" class="btn btn-outline-primary btn-pill excel_export">Export In Excel</button>
                      </div>
                    </div>
                    <p class="text-right font-bold mb-2 total_orders">Total No of Orders: 0</p>
                    <div class="table-responsive">
                      <table class="stripe row-border order-column" id="order-summary">
                        <thead id="order-date-summary">
                          <tr>
                            <th>Date &amp; Time<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Order Id<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>User Id<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Product Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Coaching Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Quantity<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Paid Amt.<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Coupon Discount<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Transaction Status<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Tax Amt.<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Refund Amt.<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Net Amt.</th>
                          </tr>
                        </thead>
                      </table>
                    </div>
                    <!-- // Order Details table end -->
                    <div class="table-responsive mt-7 totalTable">
                      <table class="table card-table table-vcenter text-nowrap outline-border tbl-gr-acrdn">
                        <thead>
                          <tr>
                            <th>Search Count</th>
                            <th>Total Gross Amt.</th>
                            <th>Total Discount Amt.</th>
                            <th>Total Tax Amt</th>
                            <th>Refund Amt.</th>
                            <th>Net Amt.</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>0</td>
                            <td><i class="fa fa-rupee"></i> 0</td>
                            <td><i class="fa fa-rupee"></i> 0</td>
                            <td><i class="fa fa-rupee"></i> 0</td>
                            <td><i class="fa fa-rupee"></i> 0</td>
                            <td><i class="fa fa-rupee"></i> 0</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    </form>
                  </div>
                </div>
              </div>
              <!-- //Tabs close -->
            </div>
		            <!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/sales_order_summary.js?v='.time())}}"></script>
<script type="text/javascript">
$(function(){
   $('.search-type').on('click', function () {
    $('.hide-group').slideToggle();
    var src = $('.search-type > img').attr('src');
    var newsrc =
      src == "{{asset('admin/images/plus.svg')}}"
        ? "{{asset('admin/images/minus.svg')}}"
        : "{{asset('admin/images/plus.svg')}}";
    $('.search-type > img').attr('src', newsrc);
  });
})
</script>
@endsection