@extends('layout.index')

@section('entities', 'active')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/users.css') }}">
@endsection

@section('contents')
    <div class="content-wrapper mb-3">
        <div class="container-fluid p-2">
            <div class="content-header">
                <x-content-header heading="Entity Maintenance"
                    description="Entity maintenance. Manage and perform various transactions related to users here.">
                </x-content-header>

                <button class="btn btn-primary mr-2 mb-3" id="create-btn">Create SFTP</button>

                <hr>

                <div class="mt-2">
                    <x-datatable :tableColumns="['Host', 'Username', 'Root', 'Status', 'Action']"></x-dashboard>
                </div>
            </div>
        </div>
    </div>

    @include('sftp.modals')
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/sftp.js') }}"></script>
@endsection