@extends('admin.layout.master')
@section('title','FORECAST 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">FORECAST 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($type<4)
                        <div class="col-md-3 col-sm-12">
                            <label for="group_id">Group</label>
                            <select class="select_2" style="width: 100%" name="group_id" id="group_id">
                                <option value=""> --All-- </option>
                                @forelse ($searchgroups as $item)
                                    <option @if(Request()->group_id==$item->id) selected="selected" @endif value="{{ $item->id }}"> {{ $item->name_eng }}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                        @endif
                        <div class="col-md-3 col-sm-12">
                            <label for="showroom_id">{{$type>3?($type%2==1)?'Region':'Zone':'SR'}}</label>
                            <select class="select_2" style="width: 100%" name="showroom_id" id="showroom_id">
                                <option value=""> --All-- </option>
                                @forelse ($showroom as $item)
                                    <option @if(Request()->showroom_id==$item->id) selected="selected" @endif value="{{ $item->id }}"> {{ $type>3?$item->name:$item->name_eng }}</option>
                                @empty
                                    
                                @endforelse
                            </select>
                        </div>
                       
                        <div class="col-md-6 col-sm-12 col-5">
                            <label for="status">Date</label>
                            <div class="input-group-append">
                                <input type="date" class="form-control bsdatepicker" id="date_from" name="date_from" value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}">
                                <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">To</label>
                                <input type="date" class="form-control bsdatepicker" id="date_to" name="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}"> 
                                <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> --}}
        <form id="form" method="get" action="{{ route('sell.create') }}" name="form" enctype="multipart/form-data">
            @csrf
            <div class="table-responsive">
                <div class="input-group row justify-content-end">
                    <div class="input-group-append">
                        {{-- <button type="button" class="btn btn-sm btn-info" onclick="setIndent()">
                            <span class="fa fa-calendar"></span> Indent Product
                        </button> --}}
                    </div>
                </div>
                <table class="table table-bordered table-hover">
                    @if(isMarketingEnable()==1 && Request()->status==0) <input type="hidden" name="party_id" value="{{Request()->showroom_id!=0?Request()->showroom_id:null}}"> @endif
                    <thead>
                        <tr>
                            @if(isMarketingEnable()==1 && Request()->status==0)
                            <th class="text-center"> 
                                <input type="checkbox" id="index_head" class="vh" @if(!(Request()->showroom_id!=0)) disabled="disabled" @endif onclick="selectAllChild(this)">
                            </th>
                            @else
                            <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>
                            @endif 
                            <th>#</th>
                            <th>Date</th>
                            <th>Transaction No</th> 
                            <th>Name</th>
                            <th>Amount</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body_index">
                        <input type="hidden" id="blade_type" value="{{$blade_type}}">
                        @php
                            $p=1;
                            $action_id=9;
                            $total=0;
                        @endphp
                        
                        @forelse ($orders as $i=>$item)
                        
                        <tr id="tr{{$p}}">
                            @if(isMarketingEnable()==1 && Request()->status==0)    
                            <td class="text-center">
                                <input type="checkbox" name="order_id[]" onclick="showDeliveryBtn(this)" id="index_head" class="vh" @if(!(Request()->showroom_id!=0)) disabled="disabled" @endif value="{{$item->id}}"> 
                            </td>
                            @else
                            <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                <div class="form-check">
                                </div>
                            </td>
                            @endif
                            <td> {{ ($p++) }}</td>
                            <td title="Created At {{ date('d-M-Y h:i A',strtotime($item->created_at)) }}">
                                {{ date('d-M-Y h:i A',strtotime($item->date)) }}
                            </td>
                            <td>{{ $item->order_no }}</td>
                            <td class="text-left">
                                
                                    {{ $item->party?$item->party->name_eng:'N/A' }}
                            </td>
                            <td class="text-right">
                                @php
                                    $sub=$item->details->sum(function($q){return ($q->order_qty*$q->order_price);});
                                    $total+=$sub;    
                                @endphp
                                {{round($sub)}}
                            </td>
                            <td class="text-left">
                                <a href="{{ route('marketing.forecast_show',['id'=>$item->id]) }}" target="_blank" type="button" class="btn-sm btn-info" onclick="$('#btn_print_'+{{ $p }}).attr('class', 'btn-sm btn-warning btn-hover')" name="sell" id="btn_print_{{ $p }}">Detail</a>
                                @if(checkAuthPermission('marketing.forecast_update'))
                                    <a href="{{ route('marketing.forecast_show',['id'=>$item->id,'edit_forecast'=>1]) }}" target="_blank" type="button" class="btn-sm btn-dark" onclick="$('#btn_edit_'+{{ $p }}).attr('class', 'btn-sm btn-dander btn-hover')" name="sell" id="btn_edit_{{ $p }}">Edit</a>
                                    <a href="{{ route('marketing.forecast_show',['id'=>$item->id,'delete_forecast'=>1]) }}" target="_blank" type="button" class="btn-sm btn-danger" onclick="$('#btn_delete_'+{{ $p }}).attr('class', 'btn-sm btn-warning btn-hover')" name="sell" id="btn_delete_{{ $p }}">Delete</a>
                                @endif
                            </td>
                        </tr>
                        @empty
                        @endforelse 
                        <tr>
                            <th class="text-right" colspan="5">TOTAL</th>
                            <th class="text-right"> {{round($total)}}</th>
                            <th></th>
                        </tr>
                    </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();
    })
    function showDetails(data){
          var bladeType=$('#blade_type').val();
          if(bladeType==2){
              $('#order_no').val(data.order_no);
              $('#order_id').val(data.id);
              $('#invoice_no').val(data.transactions.length>0?data.transactions[0].autocode_before_bill:data.fg_transactions[0].autocode_before_bill);
          }
        $("#order_details_modal").modal("hide");
            var str ='';
            console.log(data);
        //    $('#recipe_id').val(data.recipe_id);
        //    $('#indent_id').val(data.id);
        //    $('#b_qty').val(data.indent_qty);
        //    $('#finished_product').html(
        //     `<option value=`+data.product_id+`>`+data.product.name_eng+`</option>`
        //    );
            //    $('#finished_product').val(data.name);
            // rawData=data.transactions;
            var rawData=[];
            if(data.transactions.length>0){
                rawData=data.transactions;
            }else if(data.fg_transactions.length>0){
                rawData=data.fg_transactions;
            }else{
                rawData=data.details;
            }
            if(rawData.length>0){
                for (let index = 0; index < rawData.length; index++) {
                        str += `<tr id="tr`+index+`">
                        <td>`+(index+1)+`</td>
                        <td>`+rawData[index].product.name_local+` (`+rawData[index].product.name_eng+`)</td>
                        <td>`+rawData[index].order_qty+`</td>`;
                        str += `<td>`+rawData[index].quantity+`</td>`;
                        if(bladeType==2){
                            str += `
                        <td>`+rawData[index].allocated_qty+`</td>
                        <td><input type="number" name="quantity[`+rawData[index].id+`]" value="`+rawData[index].allocated_qty+`"></td>`;
                        }
                        str += `</tr>`;
                    temp=(index+2);
                }

            }
            
            $('#tbl_body').html(str);
            $("#order_details_modal").modal("show");
    }
function updateBtn(row_id){
    var checked=$('#check'+row_id).is(':checked');
    //alert(checked);
    if(checked){
        $('#update_btn'+row_id).show('slow');
    }else{
        $('#update_btn'+row_id).hide('slow');
    }
}
function setIndent(){
        var voucher_ids = [];
        $.each($("input[name='voucher_to_set_preparation']:checked"), function(){
            voucher_ids.push($(this).val());
        });
        if(voucher_ids.length>0){
            var url="{{route('indent.create')}}";
            url+="?order_id="+voucher_ids.toString();
            //alert(url);
            location.href=url;
        }else{
            alert('Please Select Order');
        }
    }
function setAllChecked(elementBox){
    if(elementBox.checked) {
        $('.voucher_to_set_preparation').prop("checked", true);
    }else{
        $('.voucher_to_set_preparation').prop("checked", false);
    }
}
function updateApproveStatus(row_id,action_step_id,model_name,cost_center_id){
    //alert(model_name);
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "{{route('costcenter_mapping.update_approval_log')}}",
                data: {
                    approvable_id:row_id,
                    approvable_type:model_name,
                    action_step_id:action_step_id,
                    cost_center_id:cost_center_id,
                },
                success: function (data) {
                location.reload();
                },
                error: function (response) {
                },
        });
    }
}
function setApproved(order_id,status){
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "/manage-delivery-list",
                data: {
                    order_id:order_id,
                    type:4,
                    status:status
                },
                success: function (data) {
                location.reload();
                },
                error: function (response) {
                },
            });
        }
}
function selectAllChild(t){
    if(t.checked) {
        $('.vh').prop("checked", true);
       
    }else{
        $('.vh').prop("checked", false);
    }
    if($('.vh:checkbox:checked').length>0){
        $('#save').show();
    }else{
        $('#save').hide();
    }
}

function showDeliveryBtn(t){
    if(t.checked) {
        $('#save').show();
    }else{
        if($('.vh:checkbox:checked').length>0){
            $('#save').show();
        }else{
            $('#save').hide();
        }
    }
}
</script>
@stop