@extends('admin.layout.master')
@section('title',$type==5?'TARGET':'FORECAST')
@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')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>($type==5?'TARGET ':'FORECAST ').(Request()->edit_forecast?'EDIT':'SHOW')])
    
    <div class="card-body pt-1" id="divTableDataHolder">
        <div class="row">
            @if(Request()->edit_forecast)
                <div class="col-md-6 col-12 mb-2">
                    <label for="shop_id" class="w-100">Customer</label>
                    <select name="party_id" id="shop_id"  class="w-100" required>
                        @forelse ($parties as $party)
                            <option value="{{$party->id}}" @if($orders->first()->party_id==$party->id) selected @endif >{{$party->name_eng}}</option>
                        @empty
                            
                        @endforelse
                    </select>
                </div>
                <div class="col-md-6 col-12 mb-2">
                    <label for="month_range">Date Range</label>
                    <input type="text" class="date_range form-control" id="month_range" data-start="{{date('01-m-Y',strtotime($orders->first()->start_date))}}" data-end="{{date('t-m-Y',strtotime($orders->first()->end_date))}}" name="month_range">
                </div>
            @else 
                <h2 class="text-center">{{$orders->first()->transaction_type}}. 
                        {{ $orders->first()->party?$orders->first()->party->name_eng:'N/A' }}
                </h2>
                <h6 class="text-center">{{date('d-M-Y h:i A',strtotime($orders->first()->date))}}</h6>
            @endif
        </div>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th width="50%">{{ $orders->first()->transaction_type>200?'Product':'Category' }}</th>
                            <th>Price</th>
                            <th>Qty</th>
                            <th width="30%" class="text-center">{{'Subtotal'}}</th>
                        </tr>
                    </thead>
                    @php
                        $p=0;
                        $total=0;
                        $dateForEditNew=$orders->first()->date;
                        $transaction_id=$orders->first()->order_invoice_id;
                    @endphp
                    <tbody id="tbl_body_index">
                        @forelse ($orders as $i=>$item)
                        
                        <tr id="tr{{$p}}">
                            <td> {{ (++$p) }}</td>
                            {{-- <td>
                                {{ date('d-M-Y h:i A',strtotime($item->date)) }}
                            </td> --}}
                            <td>{{ $item->transaction_type>200?$item->product->name_eng:$item->category->name_eng }}</td>
                            <td class="text-right">{{($item->order_price*$item->unit_qty)}}</td>
                            <td class="text-right">
                                @if(Request()->edit_forecast)
                                    <input type="number" style="min-width: 60px;" min="0" name="price[{{$item->id}}]" id="price{{ $item->id }}" class="form-control amt" step=".01" onchange="updateOrderValue('{{$item->id}}',this.value)" data-unit_qty="{{$item->unit_qty}}" value="{{$item->order_qty/$item->unit_qty}}">
                                @else
                                    {{($item->order_qty/$item->unit_qty)}} {{$item->transaction_type>200?'('.$item->product->primaryUnit->name.')':''}}
                                @endif
                            </td>
                            <td class="text-right">
                                
                                {{($item->order_qty*$item->order_price)}}
                                @php
                                    $total+=($item->order_qty*$item->order_price);
                                @endphp
                            </td>
                        </tr>
                        @empty
                        @endforelse
                        
                        <tr id="tr{{$p}}" style="background-color: bisque">
                            <td colspan="4" class="text-right">{{ 'TOTAL' }}</td>
                            <td class="text-right">
                                {{$total}}
                            </td>
                        </tr>
                         
                    </tbody>
                </table>
            </div> 
            <hr> 
            <div class="row pb-0  modal-footer">
                @if(Request()->edit_forecast)
                <input class="btn-sina-submit" type="button" id="save" value="Update" onclick="updateForecast('{{$transaction_id}}')">
                @endif
            </div>
        {{-- </form> --}}
    </div>
</div>
</form>
@endsection
@section('script')

<script>
let type=@json($type);
const updateOrderValue=(id,qty,transaction_id=0)=>{
    let link=(type==5)?"{{route('target.update')}}":"{{route('marketing.forecast_update')}}"
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: link,//order.update
                data: {
                    _token: "{{ csrf_token() }}",
                    fg_id:id,
                    qty:transaction_id==0?(qty*parseInt($('#price'+id).attr('data-unit_qty'))):qty,
                    transaction_id:transaction_id
                },
                success: function (data) {
                    location.reload();
                },
                error: function (response) {
                },
            });
    }
}
const updateForecast=(id)=>{
    let link=(type==5)?"{{route('target.update')}}":"{{route('marketing.forecast_update')}}"
    if(confirm('are you sure?')){
        $('#loader').show();
        // let link= "{{route('marketing.forecast_update')}}";
        let data_param={
            month_range:$('#month_range').val(),
            party_id:$('#shop_id').val(),
            transaction_id:id,
        }
        const setReportData = data => {
            $('#loader').hide();
            location.reload();
        }
        ajaxCall(link,'GET',data_param, setReportData);
    }
}

$('#shop_id').select2();
</script>
@stop