@extends('admin::layouts.master')
@section('htmltitle')
Applications
@endsection
@section('external_styles')
<link href="/css/jquery.dataTables.min.css" rel="stylesheet"/>
@endsection
@section('content')
<style>
    table {
        width:100% !important;
    }
</style>
<div class="widget widget-nopad">
    <div class="widget-header"> <i class="icon-list-alt"></i>
        <h3> Applications</h3>
    </div>
    <!-- /widget-header -->
    <div class="widget-content">
        <div class="widget big-stats-container" style="overflow:auto;">
            <div class="widget-content">
                <h6 class="bigstats">Applications filled by users from frontend section</h6>
                 <div class="pull-right">

                        <button class="btn btn-primary btn-sm" onclick="ExportSelected()">Export To PDF</button> &nbsp;
                        <a class="btn btn-primary btn-sm" href="/manage/applications/exportAllApplications" onclick="return confirm('Are you sure, you want to download zip file of all applications?')">Export All Applications To PDF</a>
                        <button class="btn btn-primary btn-sm" type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Export To Excel</button> &nbsp;
                        <button class="btn btn-danger btn-sm" onclick="deleteSelected()">Delete Selected</button> &nbsp;

                    </div>
                <div id="big_stats" class="cf" style="padding: 2%">
                   
                    <ul class="nav nav-tabs" id="ApplicationTabs">
                        <li class="active"><a data-toggle="tab" href="#all">All</a></li>
                        <li><a data-toggle="tab" href="#whr">WHR</a></li>
                        <li><a data-toggle="tab" href="#space-conditioning">Space Conditioning</a></li>
                        <li><a data-toggle="tab" href="#pumps">Pumps & Pumping Systems</a></li>
                        <li><a data-toggle="tab" href="#iot">Industrial IoT</a></li>
                        <li><a data-toggle="tab" href="#ire">Industrial Resource Efficiency</a></li>
                        <li><a data-toggle="tab" href="#ees">Electrical Energy Storage</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="all" class="tab-pane fade in active">
                            <h3>All Applications</h3>
                            <div class="pull-right col-md-4">
                                <form method="POST" id="all-search-form" class="form-inline" role="form">
                                    {{-- <div class="form-group" style="padding:1%;">
                                        <label for="contact_number">Select Year</label>
                                        <select class="form-control" name="is_approved" id="all-year-filter">
                                            <option value="">Select Year</option>
                                            @for($i=date('Y');$i>=2017;$i--)
                                            <option  value="{{$i}}" {{$i==Request::input('year')?'selected':''}}>{{$i}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary pull-right">Filter</button> --}}
                                </form>
                                <br/>
                            </div>

                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-all" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div id="whr" class="tab-pane fade in">
                            <h3>WHR</h3>

                            <div class="pull-right col-md-4">
                                <form method="POST" id="whr-search-form" class="form-inline" role="form">
                                    {{-- <div class="form-group" style="padding:1%;">
                                        <label for="contact_number">Select Year</label>
                                        <select class="form-control" id="whr-year-filter">
                                            <option value="">Select Year</option>
                                            @for($i=date('Y');$i>=2017;$i--)
                                            <option  value="{{$i}}" {{$i==Request::input('year')?'selected':''}}>{{$i}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary pull-right">Filter</button> --}}
                                </form>
                                <br/>
                            </div>

                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-whr">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-whr" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>

                        <div id="space-conditioning" class="tab-pane fade">
                            <h3>Space Conditioning</h3>

                            <div class="pull-right col-md-4">
                                <form method="POST" id="sc-search-form" class="form-inline" role="form">
                                    {{-- <div class="form-group" style="padding:1%;">
                                        <label for="contact_number">Select Year</label>
                                        <select class="form-control" id="sc-year-filter">
                                            <option value="">Select Year</option>
                                            @for($i=date('Y');$i>=2017;$i--)
                                            <option  value="{{$i}}" {{$i==Request::input('year')?'selected':''}}>{{$i}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary pull-right">Filter</button> --}}
                                </form>
                                <br/>
                            </div>

                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-space-conditioning">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-sc" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div id="pumps" class="tab-pane fade">
                            <h3>Pumps & Pumping Systems</h3>
                            <div class="pull-right col-md-4">
                                <form method="POST" id="pumps-search-form" class="form-inline" role="form">
                                    {{-- <div class="form-group" style="padding:1%;">
                                        <label for="contact_number">Select Year</label>
                                        <select class="form-control" id="pumps-year-filter">
                                            <option value="">Select Year</option>
                                            @for($i=date('Y');$i>=2017;$i--)
                                            <option  value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <button type="submit" class="btn btn-primary pull-right">Filter</button> --}}
                                </form>
                                <br/>
                            </div>




                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-pumps">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-pumps" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div id="iot" class="tab-pane fade">
                            <h3>Industrial IoT</h3>
                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-iot">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-iot" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div id="ire" class="tab-pane fade">
                            <h3>Industrial Resource Efficiency</h3>
                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-ire">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-ire" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div id="ees" class="tab-pane fade">
                            <h3>Electrical Energy Storage</h3>
                            <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="data-ees">
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">
                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                                <input id="example-select-ees" type="checkbox" class="group-checkable" data-set="#popoestate_dt .checkboxes" />
                                            </label>
                                        </th>
                                        <th class="sorting">Name</th>
                                        <th class="sorting">Challenge Type</th>
                                        <th class="sorting">Email</th>
                                        <th class="sorting">Phone</th> 
                                        <th class="sorting">Firm Name</th> 
                                        <th class="sorting">Submission Date</th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <button class="btn btn-danger btn-sm" onclick="deleteSelected()">Delete Selected</button> &nbsp;
                    <button class="btn btn-primary btn-sm" onclick="ExportSelected()">Export To PDF</button> &nbsp;
                    <button class="btn btn-primary btn-sm" type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Export To Excel</button> &nbsp;

                    <a class="btn btn-primary btn-sm" href="/manage/applications/exportAllApplications" onclick="return confirm('Are you sure, you want to download zip file of all applications?')">Export All Applications To PDF</a>
                    <!--<button class="btn btn- btn-sm" onclick="sendSmsToSelected()">Send SMS to Selected</button>s-->
                </div>
            </div>
            <!-- /widget-content --> 

        </div>
    </div>
</div>
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Export Application data to Excel</h4>
            </div>
            <div class="modal-body">
                <form action="/manage/export_excel_applicaiton_data" method="post">
                    @csrf
                    <div class="form-group col-md-6">
                        <label>Select Application Year *</label>
                        <select class="form-control" name="application_year" required="true">
                            <option value="">Select Year</option>
                            @for($i=date('Y');$i>=2017;$i--)
                            <option  value="{{$i}}" {{$i==Request::input('year')?'selected':''}}>{{$i}}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="form-group col-md-6">
                        <label>Select Application Year</label>

                        <select class="form-control" name="challenge_type_select">

                            <option value="">All Data</option>
                            <option value="7">WHR</option>
                            <option value="8">Space Conditioning</option>
                            <option value="9">Pumping</option>
                            <option value="10">Industrial IoT</option>
                            <option value="11">Industrial Resource Efficiency</option>
                            <option value="12">Electrical Energy Storage</option>
                        </select>
                    </div>
                    <div class="form-group col-md-12">
                        <label>Select fields to be needed in excel</label><br/>
                        <label class="checkbox-inline" style="margin-left:10px;">
                            <input type="checkbox" name="name" value="1" checked>User Name
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="email" value="1" checked>User Email
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="phone" value="1" checked>User Contact Number
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="address" value="1" checked>Address
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="city" value="1" checked>City
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="state" value="1" checked>State
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="nationality" value="1" checked>Notionality
                        </label>

                        <label class="checkbox-inline">
                            <input type="checkbox" name="challenge_type" value="1" checked>Challenge Type
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="name_innovation" value="1" checked>Innovation Name
                        </label> 
                        <label class="checkbox-inline">
                            <input type="checkbox" name="name_firm" value="1" checked>Firm Name
                        </label>
                        {{-- <label class="checkbox-inline">
                            <input type="checkbox" name="organization_type" value="1" checked>Organization_type
                        </label> --}}
                        <label class="checkbox-inline">
                            <input type="checkbox" name="organization_type" value="1" checked>Organization_type
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="year_incorporation" value="1" checked>Incorporation Year
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="company_website" value="1" checked>Company Website
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="description_organization" value="1" checked>Organization Description
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="description_team" value="1" checked>Team Description
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="enterprise_inoperation_time" value="1"checked>Enterprise In operation Time
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="stage_innovation" value="1" checked>Innovation Stage
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="how_supported_innovation" value="1" checked>How Supported Innovation
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="description_innovation" value="1" checked>Innovation Description
                        </label>

                    </div>
                    <button type="submit" class="btn btn-primary pull-right">Export Now</button>
                </form>

            </div>
            <div class="modal-footer">

            </div>
        </div>

    </div>
</div>
@stop
@section('external_scripts')
<script src="/js/jquery.dataTables.min.js"></script>
<script src="/admin/js/applications.js"></script>
<script type="text/javascript">
                        $(document).ready(function () {
                          $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
                            localStorage.setItem('activeTab', $(e.target).attr('href'));
                          });
                          var activeTab = localStorage.getItem('activeTab');
                          if (activeTab) {
                            $('#ApplicationTabs a[href="' + activeTab + '"]').tab('show');
                          }
                        });
</script>
@endsection