@extends('layouts.app')
@section('title', __('Smartinventory::inventory.inventory'))
@section('css')
   


@endsection
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('Smartinventory::inventory.stock_inventory')</h1>
    </section>

    <!-- Main content -->
    <section class="content">


        @component('components.widget', ['class' => 'box-solid', 'title' => __('Fillters')])
            <div class="row">
                <div class="col-md-4 customer_fields">
                    <div class="form-group">
                        {!! Form::label('inv_names', __('Smartinventory::inventory.inventory_name') . ':') !!}
                        {!! Form::select('inv_names', $inv_names, '', ['class' => 'form-control']) !!}
                    </div>
                </div>
            </div>
        @endcomponent
        <br>
           @component('components.widget', ['class' => 'box-primary', 'title' => __('Smartinventory::inventory.stock_inventory')])
            @can('Smartinventory.create')
                    @slot('tool')
                        <div class="box-tools">
                            <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                                style="background-color: @if (!empty(session('business.theme_color'))) {{ session('business.theme_color') }} @else{{ '#3498db' }} @endif;"
                                href="{{ action('\Modules\Smartinventory\Http\Controllers\InventoryManagementController@index') }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                    class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 5l0 14" />
                                    <path d="M5 12l14 0" />
                                </svg> @lang('messages.add')
                            </a>
                        </div>
                    @endslot
                @endcan
            <div class="table-responsive">
                         
                <table id="inventories-table" class="table table-bordered table-striped" >
                    <thead>
                        <tr>
                            <th>@lang('Smartinventory::inventory.operation_number')</th>
                            <th>@lang('Smartinventory::inventory.inventory_start_date')</th>
                            <th>@lang('Smartinventory::inventory.inventory_end_date')</th>
                            <th>@lang('Smartinventory::inventory.status')</th>
                            <th>@lang('Smartinventory::inventory.branch')</th>
                            <th>@lang('Smartinventory::inventory.inventory_name')</th>
                            <th>@lang('Smartinventory::inventory.inventory_notes')</th>
                            <th>@lang('Smartinventory::inventory.options')</th>

                        </tr>
                    </thead>

                </table>
            </div>
            @endcomponent
        <!-- Modal for writing notes -->
        <div class="modal" id="notesModal" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">@lang('Smartinventory::inventory.inventory_notes')</h5>

                    </div>
                    <div class="modal-body">
                       {!! Form::textarea('notes', null, [
                        'class' => 'form-control',
                            'id' => 'notesTextarea',
                            'rows' => 4,
                            'cols' => 50
                        ]) !!}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="saveNotesBtn">Save Notes</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal for writing notes -->
        <div class="modal" id="notesModal" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Add Notes</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                       {!! Form::textarea('notes', null, [
                        'class' => 'form-control',
                            'id' => 'notesTextarea',
                            'rows' => 4,
                            'cols' => 50
                        ]) !!}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="saveNotesBtn">Save Notes</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->
<div class="modal fade show_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>
@endsection

@section('javascript')
  
    <script type="text/javascript">
        $(document).ready(function() {
            var inventories = $('#inventories-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('showInventoryList') }}',
                    data: function(d) {
                        d.inv_name = $('#inv_names').val();
                    }
                },
                columns: [{
                        data: 'id',
                        name: 'id'
                    },
                    {
                        data: 'created_at',
                        name: 'created_at'
                    },
                    {
                        data: 'end_date',
                        name: 'end_date'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'branch',
                        name: 'branch_id'
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'notes',
                        name: 'notes'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

            $('#inv_names').on('change', function() {

                inventories.ajax.reload();
            });
        });

        function handleInventoryStatusChange(button) {

            let status = $(button).data('status');
            let inventory_id = $(button).data('inventory-id');
            if (status === 0) {
                // Show the modal
                $('#notesModal').modal('show');

                // Handle Save Notes button click
                $('#saveNotesBtn').click(function() {
                    let notes = $('#notesTextarea').val();
                    $.ajax({
                        url: `{{ url('/Smartinventory/inventory-notes') }}/${inventory_id}`,
                        data: {
                            'notes': notes
                        },
                        method: 'PUT',
                        success: function(res) {
                            if (res.status == "success") {

                                $.ajax({
                                    url: `{{ url('/Smartinventory/update/status') }}/${inventory_id}`,
                                    data: {
                                        'new_status': status
                                    },
                                    method: 'PUT',
                                    success: function(res) {

                                        if (res.status) {
                                            location.reload();
                                            

                                        }
                                    },
                                    error: function(errs) {
                               
                                        alert('Some thing went wrong');

                                    }
                                });

                            }
                        },
                        error: function(errs) {
                            alert('Some thing went wrong');

                        }
                    });
                });
            } else {
                console.log(status, inventory_id);

                $.ajax({
                    url: `{{ url('/Smartinventory/update/status') }}/${inventory_id}`,
                    data: {
                        'new_status': status
                    },
                    method: 'PUT',
                    success: function(res) {
                        if (res.status) {
                            location.reload();

                        }
                    },
                    error: function(errs) {
                        alert('Some thing went wrong');

                    }
                });

            }

        }

        function handleInventoryStatusDelete(button) {


            console.log('Button clicked!');
            let status = $(button).data('status');
            let inventory_id = $(button).data('inventory-id');


            $.ajax({
                url: `{{ url('/Smartinventory/inventory-delete') }}/${inventory_id}`,
                data: {
                    'new_status': status
                },
                method: 'PUT',
                success: function(res) {
                    if (res.status) {
                        location.reload();

                    }
                },
                error: function(errs) {
                    alert('Some thing went wrong');

                }
            });

        }
        function handleInventoryActivity(button) {

            let inventory_id = $(button).data('inventory-id');


            $.ajax({
                url: `{{ url('/Smartinventory/showActivity') }}/${inventory_id}`,
                data: {
                    'new_status': status
                },
                method: 'GET',
                 dataType: 'html',
                    success: function(result) {
                        $('.show_modal').html(result).modal('show');

                    },
                    error: function() {
                        alert('Failed to load activity modal.');
                    }
            });

        }
    </script>



@endsection