@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
@endsection

@section('main-content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-apps menu-icon"></i>
                </span> {{ __('messages.Inventories Categories') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            @permission('inventories-inventories_category-create')
                <div class="buttons-container">
                    <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal"
                        data-bs-target="#AddInventoryCategoryModal">{{ __('messages.Add Inventory Category') }}</button>
                </div>
            @endpermission
            <input type="hidden" id="add-ajax-route" value="{{ route('inventories.store.category') }}" />
            <input type="hidden" id="update-ajax-route" value="{{ route('inventories.update.category') }}" />
            <input type="hidden" id="delete-ajax-route" value="{{ route('inventories.delete.category') }}" />
            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <thead>
                        <tr>
                            <th>{{ __('messages.ID') }}</th>
                            <th>{{ __('messages.Name') }}</th>
                            <th>{{ __('messages.Description') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

{{-- Add Modal --}}
<div class="modal fade" id="AddInventoryCategoryModal" tabindex="-1" aria-labelledby="AddInventoryCategoryModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="AddInventoryCategoryModalLabel">{{ __('messages.Add Inventory Category') }}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body row">
                <ul id="save_msgList"></ul>
                <div class="form-group mb-3 col-md-6">
                    <label class="required" for=""> {{ __('messages.Name') }}</label>
                    <input id="name-input" type="text" required class="name form-control">
                </div>
                <div class="form-group mb-3 col-md-6">
                    <label for="">{{ __('messages.Description') }}</label>
                    <input id="description-input" type="text" required class="description form-control">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                    data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                <button type="button"
                    class="btn btn-primary add_inventory_category">{{ __('messages.Save') }}</button>
            </div>
        </div>
    </div>
</div>
{{-- add Modal End --}}

{{-- Edit Modal --}}
<div class="modal fade" id="EditInventoryCategoryModal" tabindex="-1" aria-labelledby="EditInventoryCategoryModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="EditInventoryCategoryModalLabel">
                    {{ __('messages.Edit Inventory Category Data') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body row">
                <ul id="update_msgList"></ul>
                <input id="edit-id" type="hidden" required class="name form-control">
                <input type="hidden" id="edit-ajax-route" value="{{ route('inventories.get.category.data') }}" />
                <div class="form-group mb-3 col-md-6">
                    <label class="required" for=""> {{ __('messages.Name') }}</label>
                    <input id="edit-name-input" type="text" required class="name form-control">
                </div>
                <div class="form-group mb-3 col-md-6">
                    <label for="">{{ __('messages.Description') }}</label>
                    <input id="edit-description-input" type="text" required class="description form-control">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                    data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                <button type="submit"
                    class="btn btn-primary update_inventory_category">{{ __('messages.Update') }}</button>
            </div>
        </div>
    </div>
</div>
{{-- Edit Modal End --}}

{{-- START DELETE MODAL --}}
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <input type="hidden" id="deleteing_id">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">{{ __('messages.Delete Inventory Category') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <h4>{{ __('messages.Confirm to Delete Data ?') }}</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                    data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                <button type="button"
                    class="btn btn-danger delete_inventory_category">{{ __('messages.Yes Delete') }}</button>
            </div>
        </div>
    </div>
</div>
{{-- END DELETE MODAL --}}

@section('scripts')
    <script>
        var translations = {
            'ID': '{{ __('messages.ID') }}',
            'Name': '{{ __('messages.Serial number') }}',
            'Description': '{{ __('messages.Status') }}',
            'Inventories Categories': '{{ __('messages.Inventories Categories') }}',

        };
    </script>
    <script src="{{ asset('metronic/js/pages/inventory-categories.js') }}"></script>
@endsection