@extends('admin.layout.master')
@section('title','SR LIST')
@section('custom_style')
<style>
    /* input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    } */
    .table th, .table td {
        padding: 0px 5px;
        color: black;
    }
    .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    }
    .table-bordered th, .table-bordered td {
        border: 1px solid #c1c1c1 !important;
    }
    .special-cell{
        background: #bfbfbf;
        padding: 5px !important;
        color: black !important;
    }
    .btn-sina-submit {
            position: fixed;
            bottom:15%;
            right:2px;
        }
    @media only screen and (max-width: 620px) {
        .btn-sina-submit {
            position: fixed;
            min-width: 100%;
            bottom:0;
            right:0;
        }
    }
    input[type="checkbox"]:checked ~ label:before {background: #20bf6b no-repeat center; background-size: 12px 12px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
</style>
@endsection
@section ('content')
<form action="{{  Request::url() }}" method="get">
<div class="card sina-card">
    <div class="card-header card-header-s">
        <div class="d-flex">
            <h4 class="col-md-6">SR LIST</h4>
        </div>
        {{-- <button id="myButtonControlID" class="pull-right">Excel</button> --}}
    </div>
    <div class="card-body pt-1" id="divTableDataHolder"> 
                    <div class="row pb-3">
                        @if(!(marketing_customer() && (marketing_customer()->level>4)))
                        <div class="col-md-3 col-sm-4 col-12">
                            <label for="shop_id">{{ (marketing_customer() && marketing_customer()->level>4)?'Zone':'Region' }}</label>
                            <select class="select_2" style="width: 100%" name="shop_id" id="shop_id" onchange="setGroup()">
                                <option value="0"> --Select-- </option>
                                @forelse ($searchShop as $shop)
                                    <option @if(Request()->shop_id==$shop->id) selected="selected" @endif value="{{ $shop->id }}"> {{ $shop->name }}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                        @endif
                        <div class="col-md-3 col-sm-4 col-12">
                            <label for="group_id">Group</label>
                            <select class="select_2" style="width: 100%" name="group_id" id="group_id" onchange="setParty()">
                                <option value="0"> --Select-- </option>
                                @forelse ($groups as $group)
                                    <option @if(Request()->group_id==$group->id) selected="selected" @endif value="{{ $group->id }}"> {{ $group->name_eng }}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                        <div class="col-md-3 col-sm-4 col-12">
                            <label for="party_id">Dealer</label><br>
                            <select name="party_id" id="party_id" class="form-control select_2" required >
                                <option value="0">Not Found</option>
                                @forelse ($dealers as $dealer)
                                    <option @if(Request()->party_id==$dealer->id) selected="selected" @endif value="{{ $dealer->id }}"> {{ $dealer->name_eng }}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                        <div class="col-md-2 col-sm-4 col-12">
                            <label for="status">Status</label>
                            <select class="select_2" style="width: 100%" name="status" id="status">
                                <option @if(Request()->status==1) selected="selected" @endif value="1">Active</option>
                                <option @if(Request()->status==2) selected="selected" @endif value="2">Inactive</option>
                                <option @if(Request()->status==3) selected="selected" @endif value="3">Both</option>
                            </select>
                        </div>
                        <div class="col-md-1 col-sm-12 col-12 d-sm-inherit d-flex md-justify-content-start justify-content-center pt-4">
                           <br>
                            <div class="input-group-append">
                               @if(Request())
                                    <button type="button" style="height:28px;margin-left:-2px" onclick="resetSearchField()" class="btn btn-pill btn-sm btn-hover btn-warning">
                                        <i class="fa fa-restore fa-spin"></i>Reset
                                    </button>
                                @endif

                                <button type="submit" style="height:28px; margin-left:-2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                {{-- </div> --}}
            </form>
        {{-- </div> --}}
            
            <div class="table-responsive">
                
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            
                            <th class="text-nowrap text-center" style="width: 3%;padding: 0">
                                <div class="form-check">
                                    <input class="form-check-input voucher_id_all" onclick="setAllChecked(this)" type="checkbox" value="1" id="voucher_id_all">
                                    <label class="form-check-label" for="voucher_id_all">
                                    </label>
                                </div>
                            </th>
                            
                            <th>#</th>
                            {{-- <th>Date</th> --}}
                            <th>Name</th>
                            <th>Group Line</th>
                            {{-- <th>Group</th>  --}}
                            <th>Dealer</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body_index">
                        @php
                            $p=1;
                            $action_id=9;
                        @endphp
                        
                        @forelse (Request()->shop_id?$shops->where('id',Request()->shop_id):$shops as $i=>$shop)
                            @php
                                // $shop_ids=$shop->officer?$shop->officer->group_ids->toArray():[];
                                // $lgroups=implode(',',array_unique(array_filter($shop_ids)));
                                $lgroup_ids=array_filter(explode(',',$shop->officer?$shop->officer->group_ids:''));
                                $srs=$saleRepresentatives->whereIn('group_id',$lgroup_ids);
                            @endphp
                            @if(count($srs))
                                @forelse ($srs->groupBy('group_id') as $gk=>$gsrs)
                                    <tr id="tr{{$p}}">
                                        @php
                                            $grOne=$groups->where('id',$gk);
                                        @endphp
                                        <th colspan="7" class="text-center" style="background-color:#002952">{{count($grOne)?$grOne->first()->name_eng:'N/A'}}</th>
                                    </tr>
                                    {{-- <tr id="tr{{$p}}">
                                        <th colspan="9" class="text-center" style="background-color:#002952">{{$shop->name}}</th>
                                    </tr> --}}
                                    @forelse ($gsrs as $i=>$item)
                                    
                                        <tr id="tr{{$p}}">
                                            
                                            <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                                <div class="form-check">
                                                    <input class="form-check-input" name="voucher_to_set_preparation" type="checkbox" value="{{$item->id}}" id="voucher_id_{{$item->id}}">
                                                    <label class="form-check-label" for="voucher_id_{{$item->id}}">
                                                    </label>
                                                </div>
                                            </td>
                                            
                                            <td> {{ ($p++) }}</td>
                                            {{-- <td>{{ date('d-M-Y h:i A',strtotime($item->created_at)) }}</td> --}}
                                            <td>{{ $item->name_eng }}</td>
                                            <td>{{ getProductLine()[$item->group_line] }}</td>
                                            
                                        
                                            {{-- <td class="text-left">{{ $item->groupType?$item->groupType->name_eng:'N/A' }}</td> --}}
                                            <td class="text-left">{{ $item->party?$item->party->name_eng:'N/A' }}</td>
                                            <td class="text-left {{ $item->status?'text-success':'text-danger' }}">{{ $item->status?'Active':'Inactive' }}</td>
                                            <td class="text-left">
                                                @if(checkAuthPermission('marketing.sr_target_create'))
                                                    <button type="button" class="btn btn-sm btn-{{ $item->status==0?'success':'danger' }} icon-size" onclick="setApprovedVoucher({{$item->id}},{{ $item->status==1?0:1}})">{{ $item->status?'InActive':'Active' }}</button>
                                                    <a href="{{ route('marketing.sr_target_create',['sr_edit_id'=>$item->id]) }}" target="_blank" type="button" class="btn-sm btn-info" onclick="$('#btn_print_'+{{ $i }}).attr('class', 'btn btn-sm btn-warning btn-pill btn-hover')" name="sell" id="btn_print_{{ $i }}">Detail</a>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse
                                @empty
                                    
                                @endforelse
                            @endif 
                        @empty
                            @forelse ($saleRepresentatives as $i=>$item)
                            
                                <tr id="tr{{$p}}">
                                    
                                    <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                        <div class="form-check">
                                            <input class="form-check-input" name="voucher_to_set_preparation" type="checkbox" value="{{$item->id}}" id="voucher_id_{{$item->id}}">
                                            <label class="form-check-label" for="voucher_id_{{$item->id}}">
                                            </label>
                                        </div>
                                    </td>
                                    
                                    <td> {{ ($p++) }}</td>
                                    <td>{{ date('d-M-Y h:i A',strtotime($item->created_at)) }}</td>
                                    <td>{{ $item->name_eng }}</td>
                                    <td>{{ $item->group_line }}</td>
                                    
                                
                                    <td class="text-left">{{ $item->groupType?$item->groupType->name_eng:'N/A' }}</td>
                                    <td class="text-left">{{ $item->party?$item->party->name_eng:'N/A' }}</td>
                                    <td class="text-left {{ $item->status?'text-success':'text-danger' }}">{{ $item->status==1?'Active':'Inactive' }}</td>
                                    <td class="text-left">
                                        @if(checkAuthPermission('marketing.sr_target_create'))
                                            <button type="button" class="btn btn-sm btn-{{ $item->status==0?'success':'danger' }} icon-size" onclick="setApprovedVoucher({{$item->id}},{{ $item->status==1?0:1}})">{{ $item->status==0?'InActive':'Active' }}</button>
                                            <a href="{{ route('marketing.sr_target_create',['sr_edit_id'=>$item->id]) }}" target="_blank" type="button" class="btn-sm btn-info" onclick="$('#btn_print_'+{{ $i }}).attr('class', 'btn btn-sm btn-warning btn-pill btn-hover')" name="sell" id="btn_print_{{ $i }}">Detail</a>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                        @endforelse 
                    </tbody>
                </table>
            </div> 
            <hr> 
            <div class="row pb-0  modal-footer">
                {{-- <input class="btn-sina-submit" type="submit" id="save" value="DELIVER" onclick="return confirm('are you sure?');"> --}}
            </div>
        {{-- </form> --}}
    </div>
</div>
</form>
@endsection
@section('script')

<script>
    $(document).ready(function(){
        $('.select_2').select2();
        $('#save').hide();
    })
const setParty=()=>{
    let group_id=$('#group_id').val();
    let dataStr='<option value="0">Not Found</option>';
    if(group_id!=0){
        let link= "{{route('customer.filter')}}";
        let data_param={
            group_id:group_id,
            status:1,
            mkt:1,
        }
        const setDealerData = data => { 
            if(data.length){
                dataStr='<option value="0">SELECT PARTY</option>';
                for (let i = 0; i < data.length; i++) {
                    dataStr+='<option value="'+data[i].id+'">'+data[i].name_eng+'</option>';
                }
            }
            $('#party_id').html(dataStr);
        }
        ajaxCall(link,'GET',data_param, setDealerData);
    }else{
        alert('Select Group First')
        $('#party_id').html(dataStr);
    }
}
const setGroup=()=>{
    let shop_id=$('#shop_id').val();
    let dataStr='<option value="0">Not Found</option>';
    if(shop_id!=0){
        let link= "{{route('marketing.sr_list')}}";
        let data_param={
            shop_id:shop_id,
            status:1,
            type:1,
        }
        const setGroupData = data => { 
            if(data.length){
                dataStr='<option value="0">SELECT GROUP</option>';
                for (let i = 0; i < data.length; i++) {
                    dataStr+='<option value="'+data[i].id+'">'+data[i].name_eng+'</option>';
                }
            }
            $('#group_id').html(dataStr);
        }
        ajaxCall(link,'GET',data_param, setGroupData);
    }else{
        //alert('Select Group First')
        $('#group_id').html(dataStr);
    }
}
const resetSearchField=()=>{
    $('#group_id').val(0).trigger('change');
    $('#party_id').val(0).trigger('change');
}
const setApprovedVoucher=(voucher_id,status)=>{
    // alert(status);
    if(confirm('are you sure?')){
        var voucher_ids = [];
        $.each($("input[name='voucher_to_set_preparation']:checked"), function(){
            voucher_ids.push($(this).val());
        });
        if(voucher_ids.length==0){
            voucher_ids.push(voucher_id);
        }
        $.ajax({
                type: "GET",
                url: "{{route('marketing.sr_target_create')}}",
                data: {
                    voucher_id:voucher_ids,
                    status:status,
                    is_edit_status:1
                },
                success: function (data) {
                    location.reload();
                },
                error: function (response) {
                },
            });
    }
}
const setAllChecked=(elementBox)=>{
    if(elementBox.checked) {
        $('.voucher_to_set_preparation').prop("checked", true);
    }else{
        $('.voucher_to_set_preparation').prop("checked", false);
    }
}
// {allowClear:true,placeholder:'Select',}
</script>
@stop