@extends('layouts.backend')
@php

$posType = [1 => 'COMPANY',2 =>'FRANCHISE', 3 => 'LFS'];

$posthrough = [1 => 'DIRECT',2 =>'AGENT'];

$posbillTo = [1 => 'POS',2 =>'LFS POS'];

$GSTType = [1 => 'INCLUSIVE',2 =>'EXCLUSIVE'];
$OnTax = [1 => 'ON NET SALE BEFORE TAX',2 =>'MRP'];
$PaymentTerm = [1 => 'AGAINST PAYMENT',2 =>'DUE DAYS',3=>'Actual Monthly Sales'];
$Posoffer = [1 => 'COMPANY',2 =>'FRANCHISE', 3 => 'SHARING',4 => 'N/A'];

$discount = [1 => 'CD',2 =>'TD'];
$discountOn = [1 => 'MRP',2 =>'WSP',3 => 'N/A'];
@endphp
@section('extraCss')
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">
<style type="text/css">
span.multiselect-native-select {
    position: relative;
    display: block;
}
.btn-group, .btn-group-vertical {
    display: block;
}
.custom-select, .dropdown-item {
    width: 100% !important;
}

table.TableAddDelete{
    width: 100%;
    border-collapse: collapse;
    margin-top:20px;
}
table.TableAddDelete th, table.TableAddDelete td{
    border: 1px solid #cdcdcd;
    padding: 7px;
}
</style>
@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>Location Manager</h4>            
            <a onclick="history.back();" class="btn btn-info float-right btn-sm"> Back</a>          
        </div>
      {{--  <div class="alert alert-default" >
             <form action="{{ route('locationList') }}" method="get">
               
                <h4>Filter  </h4>
                <table class="table filterPosSo"> 
                    <tr>
                        <td >Group</td>
                        <td >Stuts</td>
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td width="30%">
                            <select name="location[]"  class="input-md"  multiple="multiple" >                                
                                @foreach($grouplist as $cname)
                                <option value="{{ $cname->id }}" {{ ( !empty(request("location")) && in_array($cname->id, request("location")) ? "selected" : "") }}>{{ $cname->name }}</option>
                                @endforeach
                            </select> 
                        </td>
                        <td>
                            <select name="status" id="status" class="form-control" required>
                                <option value="">select</option>                               
                                <option value="1" {{  (request("status") == '1') ? "selected" : "" }}>Active</option>
                                <option value="0" {{  (request("status") == '0') ? "selected" : "" }}>Inactive</option>
                              
                            </select>
                        </td>
                        
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search" id="submit"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('locationList') }}';"><i class="fa fas fa-refresh"></i></button></td>
                   
                    </tr>
                </table>
            </form> 
        </div>--}}
        <div class="card-body">         
        <input type="button" style="font-size: 20px;float: right;margin-right: 20px;" class="btn btn-xs btn-info btn-sm" id="active" name="active" value="Active" />  
        <input type="button" style="font-size: 20px;float: right;margin-right: 20px;" class="btn btn-xs btn-danger btn-sm" id="deactive" name="deActive" value="InActive" /> 
        <br><br> <br><br>   
            <table class="table table-striped table-bordered" id="locationTables">
                <thead>
                    <tr>
                        <th>S.No.</th>
                        <th>Name</th>
                        <th>Type</th>
                        <th>Code</th>
                        <th>City</th>
                        {{-- <th>Discount</th> --}}
                        <!-- <th>GST </th> -->
                        <th><input type='checkbox' id='CheckAll'></th> 
                        {{-- <th>Status</th> --}}

                        <th width="100px">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($locationlist as $key => $group)
                        @php 
                       
                        $color = '' ; 
                              if($group->is_active == 1)
                              {
                                 $color = 'green';
                              }else
                              {
                                 $color = 'red';
                              }                                
                                
                        @endphp
                        
                        <tr style="color:{{$color}}">
                            <td>{{$key + $locationlist->firstItem() }}</td> 
                            <td>{{ empty($group->name) ? 'N/A' : $group->name }}</td>
                            <td>{{ ($group->stype == 1) ? 'warehouse' : 'pos' }}</td>
                            <td>{{ empty($group->warehouse_code) ? 'N/A' : $group->warehouse_code }}</td>
                            <td>{{ empty($group->city) ? 'N/A' : $group->city }}</td>
                            {{-- <td>{{ empty($group->discount) ? 'N/A' : $group->discount }}</td> --}}
                           <!--   <td>{{ ($group->gst_type == '1') ? 'INCLUSIVE' : 'EXCLUSIVE'  }}</td> -->
                            <td><input type='checkbox' name="posID[]" class='checkboxes' value="{{ $group->id }}"></td>
                            {{-- <td>@if($group->approve_status == 1)
                            <label data-id="{{ $group->id }}" id="view-post" class="badge badge-success">Pending</label>
                            @else
                            <label data-id="{{ $group->id }}" id="view-post" class="badge badge-danger">approved</label>
                            @endif</td> --}}
                            {{-- <td><a data-id="{{ $group->id }}" id="edit-post" class="btn btn-xs btn-info btn-sm"><i class="fa fas fa-pencil"></i> </a>
                            </td> --}}
                            <td>  <a href=" {{ route('partyVendors-Locationedit',['partyid' => $group->party_id,'id' => $group->id]) }}" class="btn btn-success float-right btn-sm"><i class="fa fas fa-pencil"> Edit Location </i></a>
                            </td>                           
                           
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @php if($locationlist->count() > 0) { @endphp {!! $locationlist->appends(request()->input())->links() !!} @php } @endphp
    </div>
  
@endsection

@section('extraJs')
<script type="text/javascript" src=" https://www.gyrocode.com/articles/jquery-datatables-column-reordering-and-resizing"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" ></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js" ></script>

<script type="text/javascript">
$(document).ready(function() {
$('#locationTables').DataTable( {
  "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],         
  dom: 'Bfrtip',
  buttons: [ 
  'colvis',
  {
  extend: 'excelHtml5',
  autoFilter: true,
  sheetName: 'Exported data',
  exportOptions: {
  columns: ':visible'
  },
  footer: true
  }                     
  ],                   
  colReorder: true,  
  paging: false 
} );

} );
</script>
@endsection