@extends('backend.layouts.app')
@section('backend_title', 'Admin Supplier Create')


@section('backend_content')
    <div class="px-5 py-4 container-fluid">
        <form action="{{ Route('purchases.store') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-2 mb-6">
                    <label class="form-label" for="vendor1">Supplier Name</label>
                    <select id="vendor1" class="select2 form-select" data-placeholder="Select Supplier">
                        @foreach ($suppliers as $item)
                            <option value="{{ $item->id }}">{{ $item->company_name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-2 mb-6">
                    <label class="form-label" for="vendor">Product Name</label>
                    <select id="vendor" class="select2 form-select" data-placeholder="Select Supplier">
                        <option value="1" selected>Select Product</option>
                        @foreach ($products as $item)
                            <option value="{{ $item->id }}" data-wholesale-price="{{ $item->wholesale_price }}" data-retail-price="{{ $item->retail_price }}">{{ $item->bn_name != null ? $item->bn_name : $item->en_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-1 mb-6">
                    <label>W. Price</label>
                    <input id="wholesale_price" class="form-control" type="text" name="phone_number" placeholder="" value="{{ old('phone_number') }}" readonly />
                    @error('phone_number')
                        <div class="form-text text-danger">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-1 mb-6">
                    <label>R. Price</label>
                    <input id="retail_price" class="form-control" type="text" name="address" placeholder="" value="{{ old('address') }}" readonly />
                    @error('address')
                        <div class="form-text text-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </form>





    @endsection

    @section('beackend_scripts')

        <script>
            $(document).ready(function() {
                $('#vendor').change(function() {
                    var selectedOption = $(this).find('option:selected');
                    var wholesalePrice = selectedOption.data('wholesale-price');
                    var retailPrice = selectedOption.data('retail-price');

                    // Update the input fields with the selected product's prices
                    $('#wholesale_price').val(wholesalePrice);
                    $('#retail_price').val(retailPrice);
                });
            });
        </script>



        <script>
            $(document).ready(function() {
                $('#vendor').change(function() {
                    var selectedOption = $(this).find('option:selected');
                    var wholesalePrice = selectedOption.data('wholesale-price');
                    var retailPrice = selectedOption.data('retail-price');

                    // Update the input fields with the selected product's prices
                    $('#wholesale_price').val(wholesalePrice);
                    $('#retail_price').val(retailPrice);
                });
            });
        </script>
    @endsection