@extends('admin.layout.master')

@section('title')
    Edit Inventory
@endsection

@section('content')

    <style>
        .select2-selection__rendered {
            line-height: 45px !important;
        }

        .select2-container .select2-selection--single {
            height: 58px !important;
        }

        .select2-selection__arrow {
            height: 60px !important;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            display: none;
        }

    </style>


    <div class="page-content">

        <nav class="page-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin./') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit Inventory</li>
            </ol>
        </nav>
        <form method="POST" action="{{ route('admin.updateinventory') }}" class="MyForm"
              enctype="multipart/form-data">
            <div class="row">
                <div class="col-md-12">
                    @include('admin.layout.laravel_errors')
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12"><h6 class="card-title">Edit Inventory</h6></div>
                            </div>

                            {{ csrf_field() }}

                            <div class="row" id="append_div_1">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Select Category </label>
                                        <select name="categoryid" id="categoryid_1" class="form-control select2"
                                                onchange="GetSubCategories(this.value,'1')"
                                                required>
                                            <option value="" selected disabled>Select Category</option>
                                            @forelse($categories as $categoryy)
                                                @if($inventorydata->categoryid==$categoryy->id)
                                                    <option selected
                                                            value="{{ $categoryy->id }}">{{ $categoryy->name }}</option>
                                                @else
                                                    <option value="{{ $categoryy->id }}">{{ $categoryy->name }}</option>
                                                @endif
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Select Product </label>
                                        <select name="subcategoryid" id="subcategoryid_1" class="form-control select2"
                                                required>
                                            @forelse($products as $product)
                                                @if($inventorydata->subcategoryid==$product->id)
                                                    <option selected
                                                            value="{{ $product->id }}">{{ $product->name }}</option>
                                                @else
                                                    <option value="{{ $product->id }}">{{ $product->name }}</option>
                                                @endif
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Select Shop </label>
                                        <select name="shopid" class="form-control select2" id="shop_0"
                                        >
                                            <option value="" selected disabled>Select Shop</option>
                                            @forelse($shops as $shop)
                                                @if($inventorydata->shopid==$shop->id)
                                                    <option selected value="{{ $shop->id }}">{{ $shop->name }}</option>
                                                @else
                                                    <option value="{{ $shop->id }}">{{ $shop->name }}</option>
                                                @endif
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Date </label>
                                        <div class="input-group flatpickr" id="flatpickr-date">
                                            <input type="text" class="form-control MyInput" name="date" required
                                                   placeholder="Select date"
                                                   value="{{ ($inventorydata->date) ? Carbon\Carbon::parse($inventorydata->date)->format('Y-m-d') : Carbon\Carbon::now()->format('Y-m-d') }}"
                                                   data-input>
                                            <span class="input-group-text MyInput" data-toggle><i
                                                    data-feather="calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Price </label>
                                        <input type="number" min="1" name="price" onkeyup="SetTotalPrice('1')"
                                               step="0.01"
                                               value="{{ ($inventorydata->price) ? $inventorydata->price : '' }}"
                                               id="price_1" class="form-control MyInput"
                                               placeholder="Price" required>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Quantity </label>
                                        <input type="number" min="1" onkeyup="SetTotalPrice('1')" id="quantity_1"
                                               name="quantity" class="form-control MyInput"
                                               value="{{ ($inventorydata->quantity) ? $inventorydata->quantity : '' }}"
                                               placeholder="Quantity" required>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Total Price </label>
                                        <input type="text" readonly name="total_price" id="total_price_1"
                                               class="form-control MyInput"
                                               value="{{ ($inventorydata->total_price) ? $inventorydata->total_price : '' }}"
                                               placeholder="Total Price" required style="background-color: #f9f8f8">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Sale Price </label>
                                        <input type="number" min="1" name="sale_price" id="sale_price_1"
                                               class="form-control MyInput"
                                               value="{{ ($inventorydata->sale_price) ? $inventorydata->sale_price : '' }}"
                                               placeholder="Sale Price" required>

                                        <input type="hidden" name="id" value="{{ encrypt($inventorydata->id) }}" required>
                                    </div>
                                </div>
                            </div>
                            <div id="append_div"></div>
                        </div>
                        <div class="col-md-12 mb-5">
                            <center>
                                <button class="btn btn-outline-dark mt-4 MyButton" style="height:50px"> UPDATE RECORD
                                </button>
                            </center>
                        </div>
                    </div>


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

@endsection
@section('script')

    <link rel="stylesheet" href="{{ URL::asset('admin/assets/vendors/sweetalert2/sweetalert2.min.css') }}">
    <script src="{{ URL::asset('admin/assets/vendors/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('admin/assets/js/sweet-alert.js') }}"></script>

    <script>

        function GetSubCategories(id, id1) {
            var urls = "{{ route('admin.GetSubCategories') }}";
            var set_id = parseInt(id1);
            $.ajax({
                url: urls,
                type: "GET",
                data: {
                    categoryid: id
                },
                success: function (result) {
                    try {
                        $("#subcategoryid_" + set_id).html(result);
                        $("#subcategoryid_" + set_id).select2();
                    } catch (exp) {
                        alert(exp.message);
                        return exp.message;
                    }
                }
            });
        }

        function SetTotalPrice(id1) {
            var id = parseInt(id1);
            var price = $("#price_" + id).val();
            var quantity = $("#quantity_" + id).val();
            var total = parseFloat(price) * parseFloat(quantity);
            $("#total_price_" + id).val(total.toFixed(2));
        }

        var count = 1;

        function AddMoreInventory() {
            count++;

            var data = `
            <div class="row" id="append_div_` + count + `">
            <hr>
            <div class="row">
                <div class="col-md-12">
                <button class="btn btn-danger w-100" type="button" onclick="RemoveRow(` + count + `)"> Remove - </button>
                </div>
            </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Select Category </label>
                                        <select name="categoryid[]" id="categoryid_` + count + `" class="form-control select2"
                                                onchange="GetSubCategories(this.value,` + count + `)"
                                                required>
                                            <option value="" selected disabled>Select Category</option>
                                            @forelse($categories as $categoryy)
            <option value="{{ $categoryy->id }}">{{ $categoryy->name }}</option>
                                            @empty
            @endforelse
            </select>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <label> Select Product </label>
            <select name="subcategoryid[]" id="subcategoryid_` + count + `" class="form-control"
                    required>
                <option value="">Select Category First</option>
            </select>
        </div>
    </div>
    <div class="col-md-4">
                                    <div class="form-group">
                                        <label> Select Shop </label>
                                        <select name="shopid[]" id="shop_` + count + `" class="form-control select2"
                                                required>
                                            <option value="" selected disabled>Select Shop</option>
                                            @forelse($shops as $shop)
            <option value="{{ $shop->id }}">{{ $shop->name }}</option>
                                            @empty
            @endforelse
            </select>
        </div>
    </div>
<div class="col-md-3">
<div class="form-group">
<label> Price </label>
<input type="number" min="1" name="price[]" onkeyup="SetTotalPrice(` + count + `)"
                   step="0.01"
                   id="price_` + count + `" class="form-control MyInput"
                   placeholder="Price" required>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label> Quantity </label>
            <input type="number" min="1" onkeyup="SetTotalPrice(` + count + `)" id="quantity_` + count + `"
                   name="quantity[]" class="form-control MyInput"
                   placeholder="Quantity" required>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label> Total Price </label>
            <input type="text" readonly name="total_price[]" id="total_price_` + count + `"
                   class="form-control MyInput"
                   placeholder="Total Price" required style="background-color: #f9f8f8">
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label> Sale Price </label>
            <input type="number" min="1" name="sale_price[]" id="sale_price_` + count + `" class="form-control MyInput"
                   placeholder="Sale Price" required>
        </div>
    </div>
</div>
`;

            $("#append_div").append(data);
            $("#categoryid_" + count).select2();
            $("#shop_" + count).select2();

        }

        function RemoveRow(id) {
            $("#append_div_" + id).remove();
        }

    </script>

@endsection