@extends('admin.layout.master')
@section('title',($type==215?'TARGET':'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: var(--tableHeader);
        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">{{($type==215?'TARGET':'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">Party</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">
                                {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                                    <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                                <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
            @php
                $checkPermission=checkAuthPermission($type==215?'target.update':'marketing.forecast_update');
            @endphp
            <div class="table-responsive">
                @if($checkPermission)
                <div class="input-group row justify-content-end">
                    <div class="input-group-append">
                        <input type="text" class="date_range form-control" id="month_range" data-start="{{date('01-m-Y',strtotime('first day of +1 month'))}}" data-end="{{date('t-m-Y',strtotime('first day of +1 month'))}}" name="month_range">
                        <button type="button" class="btn btn-sm btn-info" onclick="setDate()">
                            <span class="fa fa-calendar"></span> Update Date
                        </button>
                    </div>
                </div>
                @endif
                <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>Month</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}}">
                            
                            <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 voucher_to_set_preparation" 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 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 title="Created At {{ date('d-M-Y h:i A',strtotime($item->created_at)) }}">
                                {{ date('M-Y',strtotime($item->details->first()->start_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(($type==215?'target.show':'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($checkPermission)
                                    <a href="{{ route(($type==215?'target.show':'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(($type==215?'target.show':'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="6">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 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 setDate(){
    var voucher_ids = [];
    $.each($("input[name='voucher_to_set_preparation']:checked"), function(){
        voucher_ids.push($(this).val());
    });
    if(voucher_ids.length>0){
        let link= "{{route('marketing.forecast_update')}}";
        let data_param={
            forecast_ids:voucher_ids,
            date_range:$('#month_range').val()
        }
        const setGroupData = data => { 
            location.reload();
        }
        ajaxCall(link,'GET',data_param, setGroupData);
    }else{
        alert('Please Select Forecast');
    }
}
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