@extends('app')
@section('content')
<title>Manage Checklist</title>
<style type="text/css">
.form-group {
    min-height: 28px;
}
.modal-footer {
    clear: both;
}
.modal{
    z-index: 1000 !important;
}

</style>

<div class="content-wrapper">
    <div class="container">
        <div class="row">
                <div class="col-md-12"> 
                 
                <h1 class="page-head-line">CHECKLIST LIST</h1>
                @if($client_plan !='F' && $client_plan != 'PL' )
                <span> You have made total {{ $bikers_count }} Technicians out of 
                    {{ $technician_number }} .</span>
                @endif  

                    <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12" style="padding: 0px;float: right">
                                                            <form methd="get" action="/checklist/indexnew" id="filterfrm" name="filterfrm"> 

                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 1%;padding: 0px">
                            
                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12" style="float: left;padding:0px 8px;">
                                
                                                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="float: left;padding:10px 4px">
                                  
                                </div>
                               <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="float: left;padding:10px 4px">
                                    <input type="text" class="form-control" placeholder="Search By Title" name="filter_name" id="filter_name" name="filter_name" id="filter_name" value=""/>
                                    <input type="hidden" id="report-export" name="report" value="0" />
                                    <input type="hidden" id="report-export-ids" name="reportids" value="" />
                                </div>
                            </div>
                            <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 4px;">
                               <button class="btn btn-info" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                            </div>                          
                            <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                               <a href="" id="clear" data-toggle="tooltip" title="Clear details" class="btn btn-warning display_button" onclick="ClearFields();">Clear</a>
                            </div>

                            <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                               @if(Session::get('user_role') == 'Manager')
                              @else 
                                    <input type="hidden" name="technician_number" id="technician_number" value="{{ $technician_number}}"> 
                                    <input type="hidden" name="bikers_count" id="bikers_count" value="{{ $bikers_count}}"> 
                                    <input type="hidden" name="client_plan" id="client_plan" value="{{ $client_plan}}">

                                    <!-- <a href="bikers/create" data-toggle="tooltip" title="Add New" id="add_new_technician" onclick="add_technician();" class="btn btn-primary display_button" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-plus"></i></a> -->

                                    <!-- added to hide if user is admin and add column is checked-->
                                                                                                                <a href="create" data-toggle="tooltip" title="Add New" id="add" class="btn btn-primary display_button" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-plus"></i></a>
                                      <!-- ended here --> 
                                @endif
                             </div> 
<!-- It will call on add technician -->
<script type="text/javascript">
    function add_technician() {
        var bikers_count = '';
        var technician_number = '';
        var client_plan = '';

        var bikers_count = document.getElementById('bikers_count').value;
        var technician_number = document.getElementById('technician_number').value;
        var client_plan = document.getElementById('client_plan').value;

        var bikers_count = bikers_count.trim();
        var technician_number = technician_number.trim();
        var client_plan = client_plan.trim();

        if(client_plan != 'F' && client_plan != 'PA') { 
            if( bikers_count < technician_number) {
                alert("Please upgrade your plan to make more Technicians. Please contact on this number 9137858155."); 
            } else { 
                window.location.href = "/checklist/create";
            }
        } else { 
            window.location.href = "/checklist/create";
        }
    }
</script>
                            <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                              <a href="javascript:void(0);" onclick="downloadreport();" data-toggle="tooltip" title="" class="btn btn-primary display_button" data-original-title="Download Excel"><i class="fa fa-download"></i></a>
                    
                            </div>                              
                        </div>


                        </form>
                    </div>                   
                 <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding: 0px;float: right;"> 


                    <form method="POST" id="biker_form" action="/checklist">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="_method" value="DELETE">
                        <input type="hidden" id="delvalue" name="delvalue" value="0">
                        @if(Session::get('user_role') == 'Super Admin')
                        <!-- added to hide if user is admin and add column is checked-->
                                                                                <div style="float: left;padding:10px 5px;">
                            <a id="delete" class="btn btn-danger pull-right display_button" data-toggle="tooltip" title="Delete entry" href="javascript:void(0);" onclick="submitdelfrm();" style="margin-right:0.5%;margin-top:1%" ><i class="fa fa-trash-o"></i></a> 
                            </div> 
                            <!-- ended here -->
                        @endif

                        <!-- added to hide if user is admin and add column is checked-->
                                                 
                        <div style="float: left;padding:10px 5px;"> 
                        <a href="" id="edit" data-toggle="tooltip" title="Edit details" class="btn btn-info pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-pencil"></i></a>
                         <!-- ended here -->
                        
                         <div style="float: left;padding:10px 5px;">
                                <a href="" id="view" data-toggle="tooltip" title="View details" class="btn btn-warning pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-street-view"></i></a>
                        </div>
                    
                        
                    </form>
</div>
                    <script type="text/javascript">
                    function downloadreport()
                    {
                        document.getElementById("report-export").value = 1;
                        var tmpids = '';
                        $('input[name="selected[]"]:checked').each(function() {
                           tmpids += (tmpids=='') ? this.value : ','+this.value;
                        });
                        document.getElementById("report-export-ids").value = tmpids;
                        $( "#filterfrm" ).submit();
                        document.getElementById("report-export").value = 0;
                        document.getElementById("report-export-ids").value = '';
                    }

                    </script>
                </div>
        </div>
       
                        @if(Session::has('success'))
                            <div class="alert alert-success">
                                {{ Session::get('success') }}
                            </div>
                        @endif
                        @if($errors->any())
                            <div class="alert alert-danger">
                                @foreach($errors->all() as $error)
                                    <p>{{ $error }}</p>
                                @endforeach
                            </div>
                        @endif
                        
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover" id="content_table12" style="margin-bottom: 0px;">
                                <thead>
                                    <tr>
                                        <th ><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked).change();"/></th>
                                        <th>
                                                                                            <a href="/checklist/indexnew&sort=bikers.first_name">Title</a>
                                                                                    </th>
                                        <th >
                                                                                            <a href="/checklist/indexnew&sort=bikers.email">Pointer</a>
                                                                                    </th>
                                        <th>
                                                                                            <a href="/checklist/indexnew&sort=bikers.mobile">Force Update</a>
                                                                                    </th>
                                        <!--  <th>
                                                                                            <a href="/bikers&sort=bikers.status">Status</a>
                                                                                    </th> 
                                        <th>
                                                                                            <a href="/bikers&sort=bikers.types">Types</a>
                                                                                    </th>

                                        <th>Profile Picture</th>
                                        <th>
                                            Manage
                                        </th> -->
                                        <!-- <th style="width: 9%;">Add Reading</th> -->
                                    </tr>
                                </thead>
                           
                                <tbody>