@extends('layouts.sale')
@section('content')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header m-3">
            <h1>
                @if ($action == 'edit')
                    {{ __('Edit Stock') }}
                @else
                    {{ __('Add Stock') }}
                @endif
            </h1>
        </section>
        <!-- Main content -->
        @include('stock.sale_content')
    </div>

    <div class="modal fade sub-modal" id="addCategoryModal">
        <div class="modal-dialog modal-lg">

            <div class="modal-content" id="addCustomer">
                {{ Form::open(['url' => 'category', 'files' => true, 'id' => 'addCategoryModalForm']) }}

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Add Category</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-10">
                            <div class="form-group row">
                                <label for="name" class="col-sm-3 text-right">Name *</label>
                                <div class="col-sm-9">
                                    {{ Form::text('name', null, ['class' => 'form-control', 'required']) }}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="slug" class="col-sm-3 text-right">Slug *</label>
                                <div class="col-sm-9">
                                    {{ Form::text('slug', null, ['class' => 'form-control', 'required']) }}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="description" class="col-sm-3 text-right">Description *</label>
                                <div class="col-sm-9">
                                    {{ Form::textarea('description', null, ['class' => 'form-control', 'style' => 'height: 85px;', 'required']) }}
                                </div>
                            </div>





                        </div>


                    </div>
                    <div class="row">
                        <div class="col-sm-12">

                            {{ Form::submit(trans('Save'), ['class' => 'btn btn-success']) }}

                        </div>


                    </div>


                    <div class="row">
                        <div class="col-sm-12">

                            <table class="table table-striped" id="addCategoryModalTable">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Name</th>
                                        <th scope="col">slug</th>
                                        <th scope="col">Description</th>

                                    </tr>
                                </thead>
                                <tbody>



                                    @foreach ($categories as $category)
                                        <tr>
                                            <th scope="row">{{ $category->id }}</th>
                                            <td>{{ $category->name }}</td>
                                            <td>{{ $category->slug }}</td>
                                            <td>{{ $category->description }}</td>
                                        </tr>
                                    @endforeach


                                </tbody>
                            </table>

                        </div>
                    </div>

                </div>
                <div class="modal-footer">


                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('js/partials.js') }}"></script>

    <script>
        function toggleDiv(select) {
            var selectedItem = select.value;
            if (selectedItem === 'new') {

                document.getElementById('existingItemDiv').style.display = 'none';
            } else {

                document.getElementById('existingItemDiv').style.display = 'block';
            }
        }


        $(document).ready(function() {
            $('#stock_dropdown').on('change', function() {
                var selectedStock = $(this).find(':selected');
                $('#name').val(selectedStock.data('name'));
                $('#quantity').val(selectedStock.data('quantity'));
                $('#description').val(selectedStock.data('description'));
                $('#category_dropdown').val(selectedStock.data('category')).trigger(
                'change.select2'); // Trigger select2 change event if needed
            });
        });
    </script>

    <script type="text/javascript" src="{{ asset('js/angular.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/sale.js') }}"></script>
@endsection