@extends('admin.layouts.app')
@section('title', 'Edit Damage Order From CLient')
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('damage_order_client.list') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Damage Order List</a>
                </div>
                <h4 class="page-title">Edit Damage Order From CLient</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
            <form method="POST" action="{{ route('damage_order_client.edit',['order'=>$order->id]) }}" class="form" enctype="multipart/form-data">
                @csrf
                <div class="card">

                    <!--end card-header-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="supplier" class="mb-2">Supplier(Sale)</label>
                                    <select name="supplier" id="supplier" class="form-select default-select">
                                        <option value="">Select Option</option>
                                        @foreach ($suppliers as $supplier)
                                            <option value="{{ $supplier->id }}"
                                                {{ old('supplier',$order->supplier_id) == $supplier->id ? 'selected' : '' }}>
                                                {{ $supplier->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('supplier')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="supplier" class="mb-2">Client(Purchase)</label>
                                    <select name="client" id="client" class="form-select default-select">
                                        <option value="">Select Option</option>
                                        @foreach ($clients as $client)
                                            <option value="{{ $client->id }}"
                                                {{ old('client',$order->client_id) == $client->id ? 'selected' : '' }}>
                                                {{ $client->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('client')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="date" class="mb-2">Sale Date</label>
                                    <input type="date" name="date" value="{{ old('date',date('Y-m-d',strtotime($order->date))) }}" id="date"
                                           class="form-control">
                                    @error('date')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end card-body-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th style="white-space: nowrap">Product Name</th>
                                        <th style="white-space: nowrap">Weight(kg)</th>
                                        <th style="white-space: nowrap">Purchase Rate(kg)</th>
                                        <th style="white-space: nowrap">Sale Rate(kg)</th>
                                        <th style="white-space: nowrap">Purchase Sub-Total</th>
                                        <th style="white-space: nowrap">Sale Sub-Total</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody id="product-container">

                                    @if (old('product') != null && sizeof(old('product')) > 0)
                                        @foreach (old('product') as $key => $item)
                                            <tr class="product-item">
                                                <td>
                                                    <div class="form-group {{ $errors->has('product.' . $key) ? 'is-invalid' : '' }}"
                                                         style="min-width: 200px;">
                                                        <select class="form-control product default-select"
                                                                style="width: 100%;" id="product" name="product[]"
                                                                required>
                                                            <option value="">Select Product</option>
                                                            @foreach ($products as $product)
                                                                <option
                                                                    {{ old('product.' . $key) == $product->id ? 'selected' : '' }}
                                                                    value="{{ $product->id }}">{{ $product->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div
                                                        class="form-group {{ $errors->has('weight.' . $loop->index) ? 'is-invalid' : '' }}">
                                                        <input type="number" step="any"
                                                               class="form-control weight" name="weight[]"
                                                               value="{{ old('weight.' . $loop->index) }}" required>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div
                                                        class="form-group {{ $errors->has('weight_purchase_price.' . $loop->index) ? 'is-invalid' : '' }}">
                                                        <input type="number" step="any"
                                                               class="form-control weight_purchase_price" name="weight_purchase_price[]"
                                                               value="{{ old('weight_purchase_price.' . $loop->index) }}">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div
                                                        class="form-group {{ $errors->has('weight_sale_price.' . $loop->index) ? 'is-invalid' : '' }}">
                                                        <input type="number" step="any"
                                                               class="form-control weight_sale_price" name="weight_sale_price[]"
                                                               value="{{ old('weight_sale_price.' . $loop->index) }}">
                                                    </div>
                                                </td>

                                                <td class="purchase-total-cost" style="vertical-align: middle">৳0.00</td>
                                                <td class="sale-total-cost" style="vertical-align: middle">৳0.00</td>
                                                <td class="text-center">
                                                    <a role="button" class="btn-sm btn-remove"
                                                       style="cursor: pointer;"><i
                                                            style="font-size: 20px; color:red;"
                                                            class="feather icon-trash-2"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        @foreach($order->damageOrderDetails as $orderItem)
                                            <tr class="product-item">
                                                <td>
                                                    <div class="form-group product_area" style="min-width: 200px;">
                                                        <select class="form-select default-select product" id="default"
                                                                required style="width: 100%;" name="product[]">
                                                            <option value="">Select Product</option>
                                                            @foreach ($products as $product)
                                                                <option value="{{ $product->id }}" {{ $orderItem->product_id == $product->id ?'selected':'' }}>{{ $product->name }}</option>
                                                            @endforeach
                                                        </select>
                                                        <input type="hidden" name="product_name[]" class="product_name">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="number" step="any" value="{{ $orderItem->weight }}"
                                                               class="form-control weight is-valid-border" required
                                                               name="weight[]">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" step="any" value="{{ $orderItem->weight_purchase_price }}"
                                                               class="form-control weight_purchase_price is-valid-border"
                                                               name="weight_purchase_price[]" required>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" step="any" value="{{ $orderItem->weight_sale_price }}"
                                                               class="form-control weight_sale_price is-valid-border"
                                                               name="weight_sale_price[]" required>
                                                    </div>
                                                </td>

                                                <td class="purchase-total-cost" style="vertical-align: middle">৳0.00</td>
                                                <td class="sale-total-cost" style="vertical-align: middle">৳0.00</td>
                                                <td class="text-center">
                                                    <a role="button" class="btn btn-danger btn-remove btn-close "
                                                       style="cursor: pointer;"><i class="feather icon-trash-2"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td>
                                            <a role="button" class="btn btn-info btn-sm" id="btn-add-product">Add
                                                Product</a>
                                        </td>
                                        <th colspan="3" class="text-end">Total Amount</th>
                                        <th id="total_purchase_amount">৳0.00</th>
                                        <th id="total_sale_amount">৳0.00</th>
                                        <td></td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-header with-border">
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                            </div>

                                            <div class="col-md-6">
                                                <table class="table table-bordered">

                                                    <tr>
                                                        <th colspan="4" class="text-right">Purchase Total</th>
                                                        <th>
                                                            <input type="number" step="any" id="purchase_total" readonly
                                                                   class="form-control purchase_total is-valid-border"
                                                                   value="{{ old('purchase_total') }}" name="purchase_total">
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th colspan="4" class="text-right">Sale Total</th>
                                                        <th>
                                                            <input type="text" step="any" id="sale_total"
                                                                   class="form-control sale_total is-valid-border"
                                                                   name="sale_total" readonly>
                                                        </th>
                                                    </tr>
                                                    <input type="hidden" name="paid" value="0">
                                                    <input type="hidden" name="payment_type" value="1">
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end card-body-->
                    <div class="card-footer">
                        <div class="text-end">
                            <button class="btn btn-primary" type="submit">Update Damage Order</button>
                        </div>
                    </div>
                </div>
                <!--end card-->


                <!--end card-->
            </form>
            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->
    <template id="template-product">
        <tr class="product-item">
            <td>
                <div class="form-group product_area" style="min-width: 200px;">
                    <select class="form-select default-select product" style="width: 100%;" name="product[]" required>
                        <option value="">Select Product</option>
                        @foreach ($products as $product)
                            <option value="{{ $product->id }}">{{ $product->name }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="product_name[]" class="product_name">
                </div>
            </td>
            <td>
                <div class="form-group">
                    <input type="number" step="any" class="form-control weight is-valid-border" name="weight[]"
                           required>
                </div>
            </td>
            <td>
                <div class="form-group">
                    <input type="text" step="any"
                           class="form-control weight_purchase_price is-valid-border"
                           name="weight_purchase_price[]" required>
                </div>
            </td>
            <td>
                <div class="form-group">
                    <input type="text" step="any"
                           class="form-control weight_sale_price is-valid-border"
                           name="weight_sale_price[]" required>
                </div>
            </td>
            <td class="purchase-total-cost" style="vertical-align: middle">৳0.00</td>
            <td class="sale-total-cost" style="vertical-align: middle">৳0.00</td>
            <td class="text-center">
                <a role="button" class="btn btn-danger btn-remove btn-close " style="cursor: pointer;"><i class="feather icon-trash-2"></i></a>
            </td>
        </tr>
    </template>
@endsection

@push('scripts')
    <script>
        document.querySelectorAll('.default-select').forEach(function(element) {
            new Selectr(element);
        });
        var productIds = [];
        $(function() {
            addProduct__delete();
            calculate();

            $('body').on('keyup',
                '.weight_purchase_price,.weight_sale_price','weight',
                function() {
                    calculate();
                });
            $('body').on('change',
                '.weight_purchase_price,.weight_sale_price','weight',
                function() {
                    calculate();
                });
        });

        function addProduct__delete() {
            $('#btn-add-product').click(function() {
                let html = $('#template-product').html();
                let item = $(html);
                $('#product-container').append(item);

                let defaultSelect = item.find('.default-select');

                if (defaultSelect.length > 0) {
                    new Selectr(defaultSelect[0]);
                }

                if ($('.product-item').length >= 1) {
                    $('.btn-remove').show();
                }

            });
            $('body').on('click', '.btn-remove', function() {
                var product_id = $(this).closest('tr').find('.product').val();
                $(this).closest('.product-item').remove();
                calculate();
                if ($('.product-item').length <= 1) {
                    $('.btn-remove').hide();
                }
                productIds = $.grep(productIds, function(value) {
                    return value != product_id;
                });
            });
            if ($('.product-item').length <= 1) {
                $('.btn-remove').hide();
            } else {
                $('.btn-remove').show();
            }
        }

        function calculate() {
            let purchaseSubTotal = 0;
            let saleSubTotal = 0;

            $('.product-item').each(function(i) {
                let purchase_rate = $('.weight_purchase_price').eq(i).val();
                let sale_rate = $('.weight_sale_price').eq(i).val();
                let weight = $('.weight').eq(i).val();
                if (purchase_rate == '' || purchase_rate < 0 || !$.isNumeric(purchase_rate)) {
                    purchase_rate = 0;
                }
                if (sale_rate == '' || sale_rate < 0 || !$.isNumeric(sale_rate)) {
                    sale_rate = 0;
                }
                if (weight == '' || weight < 0 || !$.isNumeric(weight)) {
                    weight = 0;
                }
                let row_total_purchase_cost = weight * purchase_rate;
                let row_total_sale_cost = weight * sale_rate;

                $('.purchase-total-cost').eq(i).html('৳' + (row_total_purchase_cost).toFixed(2));
                $('.sale-total-cost').eq(i).html('৳' + (row_total_sale_cost).toFixed(2));
                purchaseSubTotal += row_total_purchase_cost;
                saleSubTotal += row_total_sale_cost;
            });

            $('#total_purchase_amount').text('৳'+purchaseSubTotal.toFixed(2));
            $('#purchase_total').val(purchaseSubTotal.toFixed(2));

            $('#total_sale_amount').text('৳'+saleSubTotal.toFixed(2));
            $('#sale_total').val(saleSubTotal.toFixed(2));
        }
    </script>
@endpush