@extends('dashboard.admin.layouts.master')

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('user.add_user') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted"><a href="{{ route('admin.dashboard') }}" class="text-muted text-hover-primary">{{ trans('Toolbar.home') }}</a></li>
                <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                <li class="breadcrumb-item text-muted"><a href="{{ route('admin.UserManagement.users.index') }}" class="text-muted text-hover-primary">{{ trans('Toolbar.users') }}</a></li>
                <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                <li class="breadcrumb-item text-muted">{{ trans('user.add_user') }}</li>
            </ul>
        </div>
        <a href="{{ route('admin.UserManagement.users.index') }}" class="btn btn-sm btn-light">{{ trans('user.back') }}</a>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        <form id="userForm" action="{{ route('admin.UserManagement.users.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @include('dashboard.admin.UserManagement.users.partials.form', ['user' => null])
        </form>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\AdminStoreRequest', '#userForm') !!}
    @stack('user-form-scripts')
@endsection