@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">

        <div class="col-md-8 offset-md-2 mt-3">

            <form method="post" action="{{ URL::to('/erp/order/close') }}">
                {{ csrf_field() }}
                <div class="card ">
                    <div class='card-header'>
                        <div class="title-block">
                            <h3 class="title">
                                Order Summary for {{ $data['order']['cart_no'] }}
                                @switch($data['order']['order_status'])
                                    @case("CXL")
                                        <span class="badge badge-danger">CANCELLED</span>
                                    @default
                                        <span class="badge badge-soft-info">{{ $data['order']['order_status'] }}</span>
                                @endswitch

                            </h3>
                            <hr/>
                        </div>
                    </div>

                    <div class="card-body ">
                        <div class="row">
                            @if (session('message'))
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        {{ session('message') }}
                                    </div>
                                </div>
                            @endif
                        </div>

                        <div class='row'>
                            <div class='col-md-12'>
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Item</th>
                                        <th scope="col" class='text-end'>Unit Cost</th>
                                        <th scope="col" class='text-end'>Qty</th>
                                        <th scope="col" class='text-end'>CGST</th>
                                        <th scope="col" class='text-end'>SGST</th>
                                        <th scope="col" class='text-end'>Discount</th>
                                        <th scope="col" class='text-end'>Amount</th>
                                    </tr>
                                    </thead>

                                    @php
                                        $slno=1;
                                        $total_item_cost = $total_sgst = $total_cgst = $total_discount = 0.00;
                                        $item_cost = $sgst = $cgst = $discount = 0.00;
                                        $qty = 0;
                                    @endphp
                                    @foreach($data['products'] as $order_item)
                                        @php
                                            $qty = $order_item['qty']  ;
                                            $item_cost = $order_item['unit_cost']   *  $qty;
                                            $sgst = ( $order_item['sgst']  / 100 ) * $item_cost;
                                            $cgst =( $order_item['cgst']  / 100 ) * $item_cost;
                                            $discount = $order_item['discount']  *  $qty;
                                            $total_item_cost += $item_cost;
                                            $total_sgst += $sgst;
                                            $total_cgst += $cgst;
                                            $total_discount += $discount;
                                        @endphp

                                        <tr>
                                            <th scope="row">{{ $slno++ }}</th>
                                            <th scope="row">{{ $order_item['product_name'] }}</th>
                                            <th scope="row" class='text-end'>{{ $order_item['unit_cost'] }}</th>
                                            <th scope="row" class='text-end'>{{ $qty  }}</th>
                                            <th scope="row" class='text-end'>{{ $sgst  }}</th>
                                            <th scope="row" class='text-end'>{{ $cgst }}</th>
                                            <td class='text-end'>{{ $discount }}</td>
                                            <td class='text-end'>{{ $item_cost + $sgst + $cgst - $discount  }}</td>
                                        </tr>

                                        @endforeach
                                        </tbody>

                                        <tfoot>
                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Total Item Cost:</th>
                                            <th scope="col" class='text-end'>{{ $total_item_cost }}</th>
                                        </tr>

                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Total SGST:</th>
                                            <th scope="col" class='text-end'>{{ $total_sgst }}</th>
                                        </tr>

                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Total CGST:</th>
                                            <th scope="col" class='text-end'>{{ $total_cgst }}</th>
                                        </tr>

                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Item Discount:</th>
                                            <th scope="col" class='text-end'>{{ $total_discount }}</th>
                                        </tr>

                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Additional Discount:</th>
                                            <th scope="col" class='text-end'>
                                                <input type="number" step='.5' min='0' required
                                                       value='{{ $data['order']['additional_discount'] }}'
                                                       class="form-control form-control-short" id="adddiscount"
                                                       name="adddiscount">
                                            </th>
                                        </tr>

                                        <tr>
                                            <th scope="col" colspan='7' class='text-end'>Total Amount Payable:</th>
                                            <th scope="col" class='text-end'>
                                                <input type="hidden" id="totalpayable"
                                                       value="{{ $total_item_cost + $total_cgst + $total_sgst - $total_discount  }}"/>
                                                <input readonly class="form-control form-control-short"
                                                       id="actualpayable" name="actualpayable"
                                                       value="{{ $total_item_cost + $total_cgst + $total_sgst - $total_discount - $data['order']['additional_discount']  }}"/>
                                            </th>
                                        </tr>
                                        </tfoot>
                                </table>
                                <div class='row'>
                                    <div class="col-12">
                                        <label for="remarks" class="form-label">Order Remarks</label>
                                        <textarea class="form-control" id="remarks" name="remarks"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class='card-footer text-center'>
                        <input type="hidden" name="cartno" value="{{ $data['order']['cart_no']  }}"/>
                        <button class="btn btn-danger rounded-pill">
                            <i class='fa fa-trash'></i> <span class="nav-link-text ps-1">Cancel Order</span>
                        </button>
                        <button type="submit" class="btn btn-info rounded-pill" name="btnsave" value="save">
                            <i class='fa fa-save'></i> <span class="nav-link-text ps-1">Update Order</span>
                        </button>
                    </div>

                </div>
            </form>
        </div>


    </div>

    <form method="post">
        {{ csrf_field() }}
        <div class="modal fade" id="widget-confirmdel" tabindex="-1" role="dialog" aria-labelledby="confirmDel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Confirm Record Deletion</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">You are about to remove department. Please confirm your action?</div>
                    <div class="modal-footer">
                        <input type='hidden' name='key' id='key'/>
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                        <button type='submit' class="btn btn-danger" value='delete' name='btndel'>Delete</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>

        $("#adddiscount").on("change", function () {
            var totalpayable = $("#totalpayable").val();
            var adddiscount = $(this).val();
            var actualpayable = Math.round((totalpayable - adddiscount) * 100 / 100).toFixed(2);
            $("#actualpayable").val(actualpayable)

        })

        $(".btnedit").on('click', function () {
            $rowid = $(this).attr("data-rowid");
            $("#tb_did").val($("#tr-" + $rowid + " td:nth-child(1)").html());
            $("#tb_dname").val($("#tr-" + $rowid + " td:nth-child(2)").html());
            $("#ta_desc").val($("#tr-" + $rowid + " td:nth-child(3)").html());

        });


        $(".btndel").on('click', function () {
            var key = $(this).attr("data-key");
            $("#key").val(key);
            $widget = $(this).attr("data-widget");
            $("#widget-" + $widget).modal('show');
        });


    </script>

@endsection