@extends('layouts.backend.app')
@php
    $name = '';

@endphp

@section('content')
    <!-- Start right Content here -->
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">

                <div class="page-title-box">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h6 class="page-title">
                                @if (!empty($sparedata->id))
                                    Update
                                @else
                                    Add
                                @endif Sparepart
                            </h6>
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    @if (!empty($sparedata->id))
                                        Update
                                    @else
                                        Add
                                    @endif Sparepart
                                </li>
                            </ol>
                        </div>
                        <div class="col-md-4">
                            <a class="btn btn-primary button-1 float-right " href="{{ route('spareparts') }}">
                                <span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
                        </div>
                    </div>
                </div>


                <!-- Mobile visible table  -->
                <div class="row product-row form-add">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">

                                <form class="form-horizontal" action="{{ route('sparepart-update') }}" method="POST"
                                    id="dtad" name="dtad" enctype="multipart/form-data">
                                    @csrf

                                    <input type="hidden" name="sparepart_id" id="sparepart_id"
                                        value="@if (!empty($sparedata->id)) {{ $sparedata->id }} @endif">


                                    <!-- Page Preloder -->
                                    <div id="preloder">
                                        <div class="loader"></div>
                                    </div>



                                    <div class="row mb-3">
                                        <label for="product_name" class="col-sm-2 col-form-label">Product name</label>
                                        <div class="col-sm-6">
                                            <input type="text" value="" class="form-control" id="product_name"
                                                name="product_name">


                                            @if ($errors->has('product_name'))
                                                <div id="proname" class="text-danger">{{ $errors->first('product_name') }}
                                                </div>
                                            @endif

                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="inputText3" class="col-sm-2 col-form-label">Supplier Name</label>
                                        <div class="col-sm-6">

                                            <select class="form-select form-control serviceSelect"
                                                aria-label="Default select example" id="sup_name" name="sup_name">

                                                <option value="">Select</option>

                                                @foreach ($supplierdata as $supdata)
                                                    <option value="{{ $supdata->id }}"
                                                        @if (!empty($lotdata->sup_name) && $lotdata->sup_name == $supdata->id) selected="selected" @elseif(old('sup_name') == $supdata->id) selected="selected" @endif>
                                                        {{ $supdata->sup_name }}</option>
                                                @endforeach

                                            </select>

                                            @if ($errors->has('sup_name'))
                                                <div id="nmb" class="text-danger">{{ $errors->first('sup_name') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="row mb-3">
                                        <label for="qty" class="col-sm-2 col-form-label">Qty </label>
                                        <div class="col-sm-6">

                                            <input type="num" class="form-control" id="qty" name="qty"
                                                value="">

                                            @if ($errors->has('noqty'))
                                                <div id="noqty" class="text-danger">{{ $errors->first('qty') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>



                                    <div class="row mb-3">
                                        <label for="single_price" class="col-sm-2 col-form-label">Single Price</label>
                                        <div class="col-sm-6">

                                            <input type="num" class="form-control" id="single_price" name="single_price"
                                                value="" maxlength="5" onkeypress="return isNumber(event)"
                                                onpaste="return false">

                                            <input type="hidden" id="old_single_price" name="old_single_price"
                                                value="@if (!empty($sparedata->single_price)) {{ $sparedata->single_price }} @endif">

                                            @if ($errors->has('single_price'))
                                                <div id="sinp" class="text-danger">
                                                    {{ $errors->first('single_price') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="row mb-3">
                                        <label for="selling_price" class="col-sm-2 col-form-label">Selling Price</label>
                                        <div class="col-sm-6">

                                            <input type="num" class="form-control" id="selling_price"
                                                name="selling_price" value="" maxlength="5"
                                                onkeypress="return isNumber(event)" onpaste="return false">

                                            <input type="hidden" id="old_selling_price" name="old_selling_price"
                                                value="@if (!empty($sparedata->selling_price)) {{ $sparedata->selling_price }} @endif">

                                            @if ($errors->has('selling_price'))
                                                <div id="selp" class="text-danger">
                                                    {{ $errors->first('selling_price') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>










                                    <div class="row mb-3">
                                        <label for="inputText3" class="col-sm-2 col-form-label"></label>
                                        <div class="col-sm-6">
                                            <div class="btn-container d-flex justify-content-start">

                                                <button type="button" class="btn btn-primary me-3b sumbtn">Submit &
                                                    Generate Barcode</button>

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

                                    <div class="col-md-12"></div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row-->
            @endsection


            @section('scripts')
                <script>
                    //Add
                    $(document).on("click", ".sumbtn", function() {

                        var err = true;

                        var input = $("#product_name");
                        var urlvl = $("#product_name").val();

                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#proname").remove();
                            $('<div id="proname" class="text-danger">Product Name is required</div>').insertAfter(
                                "#product_name");
                            $("#product_name").focus();
                            err = false;
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#proname").remove();
                        }

                        var input = $("#sup_name");
                        var urlvl = $("#sup_name").val();
                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#nmb").remove();
                            $('<div id="nmb" class="text-danger">Supplier name is required</div>').insertAfter("#sup_name");
                            $("#sup_name").focus();
                            err = false;
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#nmb").remove();
                        }

                        var input = $("#selling_price");
                        var urlvl = $("#selling_price").val();
                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#selp").remove();
                            $('<div id="selp" class="text-danger">Selling number is required</div>').insertAfter(
                                "#selling_price");
                            $("#selling_price").focus();
                            err = false;
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#selp").remove();
                        }

                        var input = $("#single_price");
                        var urlvl = $("#single_price").val();
                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#sinp").remove();
                            $('<div id="sinp" class="text-danger">Single Price is required</div>').insertAfter("#single_price");
                            $("#single_price").focus();
                            err = false;
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#sinp").remove();
                        }

                        var input = $("#qty");
                        var urlvl = $("#qty").val();
                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#noqty").remove();
                            $('<div id="noqty" class="text-danger">No of Qty is required</div>').insertAfter("#qty");
                            $("#qty").focus();
                            err = false;
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#noqty").remove();
                        }


                        if (err == true) {

                            $(".sumbtn").attr("disabled", true);
                            document.forms["dtad"].submit();
                            $("#preloder").fadeIn();
                            return true;
                        }




                    });


                    $("#sup_name").on("change", function(event) {
                        var input = $("#sup_name");
                        var urlvl = $("#sup_name").val();
                        if (urlvl == '') {
                            input.removeClass("valid").addClass("invalid");
                            $("#nmb").remove();
                            $('<div id="nmb" class="text-danger">Supplier name is required</div>').insertAfter("#sup_name");
                            $("#sup_name").focus();
                        } else {
                            input.removeClass("invalid").addClass("valid");
                            $("#nmb").remove();
                        }
                    });
                </script>
            @endsection