@extends('admin.layout.master')
@section('title',strtoupper($route_group))
@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">
    <div class="card-header card-header-s">
        <div class="d-flex">
            <h4 class="col-md-6">{{strtoupper(str_replace('_',' ',$route_group=='sr_order_show'?(Request()->edit_sr_sale?'sr_sale_edit':'sr_sale_show'):$route_group))}}</h4>
        </div>
        {{-- <button id="myButtonControlID" class="pull-right">Excel</button> --}}
    </div>
    <div class="card-body pt-1" id="divTableDataHolder"> 
                       <h2 class="text-center">{{$orders->first()->transaction_type}}. 
                           @if($orders->first()->transaction_type>3)
                                {{ $orders->first()->shop?$orders->first()->shop->name:'N/A' }}
                            @else
                                {{ $orders->first()->srParty?$orders->first()->srParty->name_eng:'N/A' }}
                            @endif
                        </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">{{$type==2?'QTY':'AMOUNT'}}</th>
                        </tr>
                    </thead>
                    @php
                        $p=0;
                        $total=0;
                        $dateForEditNew=$orders->first()->date;
                        $transaction_id=$orders->first()->transaction_id;
                        $transactionInvoice=$orders->first()->transactionInvoice;
                    @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">
                                @if(Request()->edit_sr_sale)
                                {{-- @if(Request()->edit_sr_sale && $item->transaction_type==3) --}}
                                    <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->price}}">
                                @else
                                    {{$item->price}}
                                @endif
                                @php
                                    $total+=$item->price;
                                @endphp
                            </td>
                        </tr>
                        @empty
                        @endforelse
                        @if(Request()->edit_sr_sale)
                        {{-- @if(Request()->edit_sr_sale && $item->transaction_type==3) --}}
                            @forelse ($categories as $i=>$cat)
                                <tr id="tr{{$p}}" style="background-color: bisque">
                                    <td> {{ (++$p) }}</td>
                                    {{-- <td>
                                        {{ date('d-M-Y h:i A',strtotime($dateForEditNew)) }}
                                    </td> --}}
                                    <td>{{ $cat->name_eng }}</td>
                                    <td class="text-right">
                                        <input type="number" min="0" name="price[{{$cat->id}}]" id="price{{ $cat->id }}" class="form-control amt" step=".01" onchange="updateOrderValue('{{$cat->id}}',this.value,'{{$transaction_id}}')" value="0">
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                        @endif
                        <tr id="tr{{$p}}" style="background-color: bisque">
                            <td colspan="2" class="text-right">
                                @if($orders->first()->transaction_type==3)
                                ||
                                     Memo 
                                     @if(Request()->edit_sr_sale)
                                        <input type="number" min="0" name="memo_no" id="memo_no" class="form-control-sm amt" step=".01" onchange="updateOrderValue(0,this.value,'{{$transaction_id}}')" value="{{$transactionInvoice->memo_no}}">
                                     @else
                                        {{$transactionInvoice->memo_no}}
                                     @endif
                                     ||
                                @endif
                                
                                {{ '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: "POST",
                url: "{{route('marketing.sr_order_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