@extends('layouts.app')
@section('head')
   <link rel="stylesheet" type="text/css" href="{{ asset('css/select.min.css') }}" />
@endsection
@section('content')
<style type="text/css">
.marginspace{
  padding: 30px;
  margin-left: 24;
}
.paddingbottom{
  padding-bottom: 10px;
}
</style>
<div class="page-container" ng-controller="adminController" ng-init="getallbranch();" ng-cloak>
   <!--/content-inner-->
  <div class="left-content">
	 <div class="mother-grid-inner">
		  <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
        
				<div class="clearfix"> </div>
        <!--heder end here-->
	       <div class="validation-form" style="display: inline-block;position: relative;width: 100%;">
          <form>
            <h3>CUSTOMERS AND SALES ORDERS</h3>
         	  <div class="col-md-12">
         	    <div class="col-md-6 form-group2 group-mail">
                <input type="radio" value="1" ng-model="range.type" ng-click="emptysale();">  Customer
              </div>
              <div class="col-md-6 form-group2 group-mail">
                <input type="radio" value="2" ng-model="range.type" ng-click="emptycustomer();">  Sale
              </div>
              <div ng-if="range.type=='1'" class="marginspace">
                <div class="row paddingbottom">
                  <div class="col-md-3">
                    <!-- <div class="single" data-pmu-format="Y-m-d" ></div> -->
                    <label class="control-label">From Date</label>
                    <input class="form-control" ng-model="range.from" type="date" placeholder="dd/mm/yy">
                  </div>
                  <div class="col-md-3">
                    <!-- <div class="single" data-pmu-format="Y-m-d" ></div> -->
                    <label class="control-label">To Date</label>
                    <input class="form-control" ng-model="range.to" type="date" placeholder="dd/mm/yy" >
                  </div>
                </div>
                <div class="paddingbottom col-md-12">
                  <input type="checkbox" ng-true-value=1 ng-model="range.customer_type">  Customer Order
                </div>
                <div class="paddingbottom col-md-12" >
                  <input type="checkbox" ng-true-value=2 ng-model="range.customer_type">  Customer Login
                </div>
                <button ng-click="generatemodal('1');">Export</button>
                <div class="clearfix"> </div>
              </div>
              <div ng-if="range.type=='2'" class="marginspace" ng-init="getallbranch();">
                <div class="row paddingbottom">
                  <div class="col-md-3">
                    <label class="control-label">From Date</label>
                    <input class="form-control" ng-model="range.s_from" type="date" placeholder="dd/mm/yy">
                  </div>
                  <div class="col-md-3">
                    <label class="control-label">To Date</label>
                    <input class="form-control" ng-model="range.s_to" type="date" placeholder="dd/mm/yy" >
                  </div>
                  <div class="col-md-5 form-group2 group-mail">
                    <label class="control-label">Select Branches</label>
                    <oi-select oi-options="branch.id as branch.branch_name for branch in branchlist" 
                    ng-model="range.branch_id" multiple placeholder="Select Branches" list-placeholder="not found" 
                    ></oi-select>
                  </div>
                </div>
                <div class=" paddingbottom col-md-12">
                  <input type="checkbox" ng-true-value=1 ng-model="range.sale">  Sales Orders Report
                </div>
                <div class="paddingbottom col-md-12">
                  <input type="checkbox" ng-true-value=2 ng-model="range.sale">  Sales Order Products Report
                </div>
                <button ng-click="generatemodal('2');">Export</button>
                <div class="clearfix"> </div>
              </div>
            </div>
        </form>
      </div>
      <div class="modal modal-primary fade scale" id="Export" tabindex="-1" role="dialog" aria-labelledby="modal-default-primary"    aria-hidden="true">
            <div class="modal-dialog " role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="modal-default-primary-label">Select File Type</h4>
                    </div>
                    <div class="modal-body">
                        <ul>
                        <div class="row paddingbottom" >
                            <input type="checkbox" ng-true-value=1 ng-model="range.export_type">  Generate The Report as Excel Sheet
                          </div>
                         <!--  <div class="row">
                            <input type="checkbox" ng-true-value=2 ng-model="range.export_type">  Generate as PDF
                        </div> -->
                        </ul>
                        <button ng-click="downloadfile();">Download</button>
                    </div>
                </div>
            </div>
        </div>
      
      <div class="inner-block">

      </div>
    </div>
  </div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
	@include('users.admin.sidebar')
</div>
@endsection
@section('js')  
  <link rel="stylesheet" type="text/css" href="{{ asset('web_css/pickmeup.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
  <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
  <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
  <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
  <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
  <script src="{{ asset('web_js/pickmeup.min.js') }}"></script>
  <script src="{{ asset('js/angular_controllers/admincontroller.js') }}"></script>
  <script src="{{ asset('js/select-tpls.min.js') }}"></script>
@endsection