@extends('admin.layout.master')
@section('title','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: #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')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>'FORECAST '.(Request()->edit_forecast?'EDIT':'SHOW')])
    
    <div class="card-body pt-1" id="divTableDataHolder"> 
                       <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>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            {{-- <th width="15%">Date</th> --}}
                            <th width="50%">{{ $orders->first()->transaction_type>200?'Product':'Category' }}</th>
                            {{-- <th>SR</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()->transaction_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" min="0" name="price[{{$item->id}}]" id="price{{ $item->id }}" class="form-control amt" step=".01" onchange="updateOrderValue('{{$item->id}}',this.value)" value="{{$item->order_qty}}">
                                @else
                                    {{($item->order_qty/$item->unit_qty)}}
                                @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">
                {{-- <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>
const updateOrderValue=(id,qty,transaction_id=0)=>{
    if(confirm('are you sure?')){
        $.ajax({
                type: "GET",
                url: "{{route('marketing.forecast_update')}}",//order.update
                data: {
                    _token: "{{ csrf_token() }}",
                    fg_id:id,
                    qty:qty,
                    transaction_id:transaction_id
                },
                success: function (data) {
                    location.reload();
                },
                error: function (response) {
                },
            });
    }
}
    
</script>
@stop