@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-cards-variant menu-icon"></i>
                </span> {{ __('messages.Asset Classes') }}
            </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 Asset Class') }}</button>
                </div>
<!--             @endpermission -->
            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
            <input type="hidden" id="asset-classes-data" value="{{ route('asset-classes-data') }}" />
            <input type="hidden" id="user-index" value="{{ route('users.index') }}" />
            <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>{{ __('messages.Description') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Add Modal --}}
  <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('asset-classes.store')}}">
 			@csrf
            <div class="modal-header">

                <h5 class="modal-title" id="AddCategoryModalLabel">{{ __('messages.Add Asset Class') }}</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="col-md-12 mx-auto">
                        
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="" class="required"> {{ __('messages.Name') }}</label>
                                            <input name="name" type="text" class="name form-control" >
                                        </div>
                                        <div class="form-group mb-3 col-md-12">
                                            <label  for="">{{ __('messages.Description') }}</label>
                                            <textarea name="description" class="form-control"></textarea>
                                        </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>
                        </div>
                        </form>
                    </div>
    </div>
</div>


<div class="modal fade" id="showModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{__("messages.Asset Class Details")}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <table class="table">
                    <thead style="background: linear-gradient(to right, #afd144, #8daf21) !important;">
                        <tr>
                            <th scope="col" class="text-center text-white">{{__("messages.Main Account")}}</th>
                            <th scope="col" class="text-center text-white">{{__("messages.parent_account")}}</th>
                            <th scope="col" class="text-center text-white">{{__("messages.name")}}</th>
                            <th scope="col" class="text-center text-white">{{__("messages.description")}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>

                                <td class="text-center " id="assetMainAccount"></td>
                            	<td class="text-center" id="assetParentAccount"></td>
                                <td class="text-center " id="assetName"></td>

                                <td class="text-center " id="assetDescription"></td>
                        </tr>
                     
                    </tbody>
                </table>
                <h5 class="mt-3">{{__("messages.Assets")}}</h5>
                
                   <table class="table " id="child-asset">
                    <thead style="background: linear-gradient(to right, #afd144, #8daf21) !important;">
                        <tr>
                
                            <th scope="col" class="text-center text-white">{{__("messages.name")}}</th>
                            <th scope="col" class="text-center text-white">{{__("messages.description")}}</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{
                                    __('messages.Close') }}</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
    <script>
        var translations = {
            'ID': '{{ __('messages.ID') }}',
            'Name': '{{ __('messages.Name') }}',
            'Asset Classes': '{{ __('messages.Asset Classes') }}',
            'Description': '{{ __('messages.Description') }}',
         
        };
    </script>
    <script src="{{ asset('metronic/js/pages/asset-classes.js?v=').uniqId() }}"></script>

@endsection