@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
    <
    <style>
        .select2-container--open {
            z-index: 10000000001 !important; /* Adjust the value as needed */
        }

        table .asset-header {
            text-align: center !important;
            font-weight: 600;
            font-size: 18px;
            background: #8daf21;
            color: #fff;

        }
    </style>
@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-cards-variant menu-icon"></i>
            </span> {{ __('messages.Fixed Assets') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            <!--             @permission('users-create') -->
            <div class="buttons-container">
                <button type="button" class="btn btn-primary float-end " data-bs-toggle="modal"
                        data-bs-target="#AddFixedAsset">{{ __('messages.Add Fixed Asset') }}</button>

                <button type="button" class="btn btn-primary float-end mx-2 " data-bs-toggle="modal"
                        data-bs-target="#DestroyAsset">{{ __('messages.Destroy Assets') }}</button>
                <button type="button" class="btn btn-primary float-end mx-2 " data-bs-toggle="modal"
                        data-bs-target="#assets_depreciation">{{ __('Assets Depreciation') }}</button>

            </div>
            <!--             @endpermission -->
            <input type="hidden" name="hidden_page" id="hidden_page" value="1"/>
            <input type="hidden" id="asset-classes-data" value="{{ route('fixed-assets-data') }}"/>
            <input type="hidden" id="user-index" value="{{ route('fixed-assets-data') }}"/>
            <input type="hidden" id="add-ajax-route" value="{{ route('user.add.data') }}"/>
            <input type="hidden" id="update-ajax-route" value="{{ route('user.update.data') }}"/>
            <input type="hidden" id="delete-ajax-route" value="{{ route('user.delete.data') }}"/>
            <input type="hidden" id="show-route" value="{{ route('asset-classes.index') }}"/>
            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <div class="container pb-2">
                        <div class="row gap-1 custom-padding-filter-tmp">
                            <div class="col-12 col-md-4 col-xl-3">
                                <label class="col-form-label">{{ __('messages.date:') }}</label>
                                <div class="center-custom-width-filter-date">
                                    <input type="text" id="config-demo"
                                           placeholder="{{ __('messages.date from - to') }}"
                                           class="form-control"/>
                                </div>
                            </div>

                        </div>
                    </div>
                    <thead>
                    <tr>
                        <th>{{ __('messages.ID') }}</th>
                        <th>{{ __('messages.Name') }}</th>
                        <th>{{ __('Asset Status') }}</th>
                        <th>{{ __('messages.serial_number') }}</th>
                        <th>{{ __('messages.Asset Class') }}</th>
                        <th>{{ __('Date Of Purchase') }}</th>
                        <th>{{ __('messages.Asset Location') }}</th>
                        <th>{{ __('messages.Depreciation Rate') }}</th>
                        <th>{{ __('messages.Cost') }}</th>
                        <th>{{ __('messages.Accumulated Depreciation') }}</th>
                        <th>{{ __('messages.Net Book Value') }}</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Add Modal --}}
    <div class="modal fade " id="DestroyAsset" tabindex="-1" aria-labelledby="AssetModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content ">
                <form id="destroy-asset" method="post" action="{{route('destroy-fixed-asset')}}">
                    <div class="modal-header">
                        <h5 class="modal-title" id="AddCategoryModalLabel">{{ __('messages.Destroy Assets') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body ">
                        <ul id="save_msgList"></ul>
                        <div class="card-body">
                            <div id="destroy-asset-alert" class="alert alert-warning p-3 text-dark d-none">
                                {{__("This asset has reached the end of its useful life, would you like to delete it?")}}
                            </div>
                            <div class="row">
                                <div class="form-group mb-3 col-md-12">
                                    <label for=""
                                           class="required"> {{ __('messages.Choose The Fixed Asset') }}</label>
                                    <select name="fixed_asset_id" class="js-example-disabled-results form-control">
                                        <option value="0">{{ __('validation.Select', ['attribute' =>
                                        __('messages.Fixed Asset')]) }}</option>
                                        @foreach($assets as $item)
                                            <option value="{{$item->id}}">{{$item->name}}/{{$item->id}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-12">
                                    <label for="">{{ __('messages.Selling value') }}</label>
                                    <input min="0" value="0" step="0.001" name="selling_value" type="number"
                                           class="form-control">
                                </div>
                            </div>

                        </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 add">{{ __('messages.Save') }}</button>
                    </div>
                </form>
            </div>

        </div>
    </div>


    <div class="modal fade " id="AddFixedAsset" tabindex="-1" aria-labelledby="AssetModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content ">
                <form id="add-fixed-asset" method="post" action="{{route('fixed-asset.store')}}">
                    @csrf
                    <div class="modal-header">

                        <h5 class="modal-title" id="AddCategoryModalLabel">{{ __('messages.Add Fixed Asset') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                    </div>
                    <div class="modal-body ">
                        <ul id="save_msgList"></ul>
                        <div class="card-body">

                            <div class="row">


                                <div class="form-group mb-3 col-md-6">
                                    <label for="" class="required"> {{ __('messages.Name') }}</label>
                                    <input name="name" type="text" class="form-control">
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for="">{{ __('messages.Description') }}</label>
                                    <input name="description" type="text" class="form-control">
                                </div>

                                <div class="form-group mb-3 col-md-6">
                                    <label for="" class="required"> {{ __('messages.Asset Class') }}</label>
                                    <select name="asset_class_id" class="js-example-disabled-results form-control">
                                        <option value="0">{{ __('validation.Select', ['attribute' =>
                                        __('messages.Asset Class')]) }}</option>

                                        @foreach($assetClasses as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for="">{{ __('messages.Asset Location') }}</label>


                                    <select name="asset_location_id" class="js-example-disabled-results form-control">

                                        <option value="0">{{ __('validation.Select', ['attribute' =>
                                        __('messages.Asset Location')]) }}</option>
                                        @foreach($assetLocations as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-12">
                                    <label for="">{{ __('messages.Date Purcahse') }}</label>
                                    <input name="date_of_purchase" type="date" class="form-control">
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for="">{{ __('messages.Cost') }}</label>
                                    <input min="0" step="0.001" name="cost" type="number" class="form-control">
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for="">{{ __('messages.Depreciation Rate') }}</label>
                                    <input min="0" step="0.001" name="depreciation_rate" type="number"
                                           class="form-control">
                                </div>
                                <div class="form-group mb-3 col-md-12">
                                    <label for="">{{ __('messages.Supplier') }}</label>
                                    <select name="supplier_account_id" class="js-example-disabled-results form-control">
                                        <option value="0">{{ __('validation.Select', ['attribute' =>
                                        __('messages.Supplier')]) }}</option>
                                        @foreach($suppliers as $item)
                                            <option value="{{$item->transaction_id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>


                            </div>


                        </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 add">{{ __('messages.Save') }}</button>
                    </div>
                </form>
            </div>

        </div>
    </div>

    <div class="modal fade " id="assets_depreciation" tabindex="-1" aria-labelledby="AssetsDepreciation"
         aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content  ">

                <div class="modal-header">
                    <h5 class="modal-title" id="AddCategoryModalLabel">{{ __('Assets Depreciation') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body ">
                    <div class="card-body">
                        <form id="get-depreciation-for-assets" method="post"
                              action="{{route('fixed-assets.get-depreciation-for-asset')}}">
                            @csrf
                            <div class="row">
                                <div class="form-group mb-3 col-md-12">
                                    <label for=""> {{ __('Select Asset') }}</label>
                                    <select class="js-example-disabled-results form-control p-2" name="assets[]"
                                            multiple>
                                        <option value="0" disabled>{{__("Select Asset")}}</option>
                                        @foreach($assets as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for=""> {{ __('Assets Locations') }}</label>
                                    <select class="js-example-disabled-results form-control p-2"
                                            name="assets_locations[]"
                                            multiple>
                                        <option value="0" disabled>{{__("Select Assets Locations")}}</option>
                                        @foreach($assetLocations as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for=""> {{ __('Assets Class') }}</label>
                                    <select class="js-example-disabled-results form-control p-2" name="assets_classes[]"
                                            multiple>
                                        <option value="0" disabled>{{__("Select Assets Class")}}</option>
                                        @foreach($assetClasses as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for=""> {{ __('From Date') }}</label>
                                    <input type="date" name="from_date" class="form-control">
                                </div>
                                <div class="form-group mb-3 col-md-6">
                                    <label for=""> {{ __('To Date') }}</label>
                                    <input type="date" name="to_date" class="form-control">
                                </div>
                                <div class="text-center d-flex ">
                                    <button class="btn btn-primary  ">{{ __('Show') }}</button>
                                </div>
                            </div>
                        </form>
                        <div class="table-responsive mt-4 p-4" id="assets-depreciation-rate">

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{
                        __('messages.Close') }}</button>
                    <button id="print-fixed-asset-depreciation" type="button"
                            class="btn btn-primary add">{{ __('Print') }}</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        var translations = {
            'title': '{{ __('messages.Fixed Assets') }}',
            'Date': '{{ __('Date') }}',
            'Residual Value': '{{ __('Residual Value') }}',
            'Total Consumption For All Assets': '{{ __('Total Consumption For All Assets') }}',
            'Assets Depreciation': '{{ __('Assets Depreciation') }}',
            'Consumption Rate': '{{ __('Consumption Rate') }}',
            'Total Consumption': '{{ __('Total Consumption') }}',
            'Amount': '{{ __('Amount') }}',
            'ID': '{{ __('messages.ID') }}',
            'Name': '{{ __('messages.Name') }}',
            'Serial Number': '{{ __('messages.serial_number') }}',
            'Asset Class': '{{ __('messages.Asset Class') }}',
            'Asset Location': '{{ __('messages.Asset Location') }}',
            'Depreciation Rate': '{{ __('messages.Depreciation Rate') }}',
            'Asset Classes': '{{ __('messages.Asset Classes') }}',
            'Cost': '{{ __('messages.Cost') }}',
            'Accoumlited Depreciation': '{{ __('messages.Accoumlited Depreciation') }}',
            'Net Book Value': '{{ __('messages.Net Book Value') }}',
            'Description': '{{ __('messages.Description') }}',
            'some thing wrong': '{{ __('messages.some thing wrong') }}',
            'some thing wrong': '{{ __('messages.some thing wrong') }}',
            'Are you sure?': '{{ __('messages.Are you sure?') }}',
            'Once deleted, you will not be able to recover this asset!': '{{ __('messages.Once deleted, you will not be able to recover this asset!') }}',
        };

    </script>
    <script src="{{ asset('metronic/js/pages/fixed-assets.js?v=').config('app.version') }}"></script>

@endsection