@extends('newDashboard.index')

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


@section('main-content')
    <style>
        /* Spinner styles */
        .spinner {

            width: 5em;
            height: 5em;
            border: 0.5em solid rgba(0, 0, 0, 0.1);
            border-left-color: #8daf21;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            z-index: 99999;
            /*   margin-left:260px; */
        }

        .spinner-layer {
            position: fixed;
            width: calc(100vw - 260px);
            height: calc(100vh - 70px);
            background: #f2edf3;
            z-index: 999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 10px;
        }

        /* Spinner animation */
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }
    </style>
    <div class="content-wrapper">
        <div class="page-header" style="margin-bottom: 30px;">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('messages.Enter a new account') }}
            </h3>
        </div>

        {{-- Add Modal --}}
        <div class="container" id="AddCategoryModal">
            <div class="">
                <div class="modal-content" style="background: #fbfbfb;">
                    <div class="modal-header">
                        <div class="col-12">
                            <div class="modal-body row">

                                <ul id="save_msgList"></ul>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12 mx-auto">
                                            <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                                role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                                        href="#pills-health" role="tab" aria-controls="pills-home"
                                                        aria-selected="true">{{ __('messages.Enter a new account') }}</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                                <div class="tab-pane fade show active" id="pills-health" role="tabpanel"
                                                    aria-labelledby="pills-home-tab">
                                                    <div class="item-container">
                                                        <div class="row">
                                                            <input type="hidden" id="get-quantityata-ajax-route"
                                                                value="{{ route('inventory.check.quantityata') }}" />
                                                            <input type="hidden" id="get-accountSubCategory"
                                                                value="{{ route('get.accountSubCategory') }}" />
                                                            <input type="hidden" id="get-Incoming-statement-sub-mapping2"
                                                                value="{{ route('get.Incoming.statement.sub.mapping2') }}" />
                                                            <input type="hidden" id="store-accountSubCategory"
                                                                value="{{ route('store.transactions') }}" />

                                                            <div class="form-group mb-3 col-md-4">
                                                                <label class="required" for="">
                                                                    {{ __('messages.account categories') }}</label>
                                                                <select id="accountCategory"
                                                                    class="js-example-disabled-results  form-control">
                                                                    <option value="0">
                                                                        {{ __('validation.Select', ['attribute' => __('messages.account categories')]) }}
                                                                    </option>
                                                                    @foreach ($AccountCategoy as $AccountCategoy)
                                                                        <option value="{{ $AccountCategoy->id }}">
                                                                            {{ $AccountCategoy->balance_sheet_mapping }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>

                                                                <div class="itemId-error d-none text-danger">
                                                                    {{ __('validation.required', ['attribute' => __('messages.account categories')]) }}
                                                                </div>
                                                            </div>

                                                            <div class="form-group mb-3 col-md-4">
                                                                <label class="required" for="">
                                                                    {{ __('messages.account subcategories') }}</label>
                                                                <select id="subcategories"
                                                                    class="js-example-disabled-results form-control"
                                                                    disabled>

                                                                </select>
                                                                <div class="inventoryId-error d-none text-danger">
                                                                    {{ __('validation.required', ['attribute' => __('messages.account subcategories')]) }}
                                                                </div>
                                                            </div>

                                                            <div class="form-group mb-4 col-md-3">
                                                                <label class="required"
                                                                    for="validationServer05">{{ __('messages.Name') }}</label>
                                                                <input id="Nametext" type="text" required
                                                                    class="form-control">
                                                                <div class="Name-error d-none text-danger "
                                                                    id="validationServer05">
                                                                    {{ __('validation.required', ['attribute' => __('messages.Name')]) }}
                                                                </div>
                                                                <div id="validationServer05Feedback"
                                                                    class="invalid-feedback customQntText">
                                                                    {{ __('messages.quantity not exist') }}
                                                                </div>
                                                            </div>

                                                            <div class="form-group mb-3 col-md-4">
                                                                <label for="">
                                                                    {{ __('messages.Incoming statement mapping') }}</label>
                                                                <select id="Incoming-statement-mapping"
                                                                    class="js-example-disabled-results  form-control">
                                                                    <option value="0">
                                                                        {{ __('validation.Select', ['attribute' => __('messages.Incoming statement mapping')]) }}
                                                                    </option>
                                                                    @foreach ($incomingStatementMapping1 as $incomingStatementMapping1)
                                                                        <option
                                                                            value="{{ $incomingStatementMapping1->id }}">
                                                                            {{ $incomingStatementMapping1->name }}</option>
                                                                    @endforeach
                                                                </select>

                                                            </div>
                                                            <div class="form-group mb-3 col-md-4">
                                                                <label for="">
                                                                    {{ __('messages.Incoming statement sub mapping 2') }}</label>
                                                                <select id="Incoming-statement-sub-mapping2"
                                                                    class="js-example-disabled-results form-control"
                                                                    disabled>

                                                                </select>
                                                            </div>
                                                            <div class=" mb-3 ps-0 row justify-content-between">
                                                                <button id="confirmItem" type="button"
                                                                    class="btn btn-primary col-2">{{ __('messages.Save') }}</button>
                                                            </div>
                                                            <div id="success_message"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">{{ __('messages.Processing') }}</p>
    </div>



    </div>
@endsection

@section('scripts')
    <script>
        var translations = {
            'account subcategories choice': '{{ __('messages.account subcategories choice') }}',
            'Incoming statement sub mapping 2': '{{ __('messages.Incoming statement sub mapping 2') }}',

            'Fixed assets': '{{ __('messages.Fixed assets') }}',
            'Current assets': '{{ __('messages.Current assets') }}',
            'Selling goods': '{{ __('messages.Selling goods') }}',
            'Salary expenses': '{{ __('messages.Salary expenses') }}',
            'Other expenses': '{{ __('messages.Other expenses') }}',
        };
    </script>
    <script src="{{ asset('metronic/js/pages/createAccountEntries.js') }}"></script>
@endsection