@extends('dashboard.layouts.main')

@section('title', getSiteName() . ' - Dashboard - Add New User')

@section('content')
    <form action="{{ route('user-add-save') }}" method="post" class="pc-content" enctype="multipart/form-data">
        @csrf
        <!-- [ Main Content ] start -->
        <div class="row pt-0">
            @if(session('success'))
                <div class="col-12">
                    <div class="alert alert-success" role="alert">
                        <div class="alert-text">
                            {{ session('success') }}
                        </div>
                    </div>
                </div>
            @endif
            <div class="page-header-title">
                <h2 class="mb-3">{{ __('Add New User') }}</h2>
                <div class="permalink mb-3">
                    <div class="permalink d-flex justify-content-end">
						@can('add roles')
                        <button type="submit" class="btn btn-primary me-2 w-auto">{{ __('Add') }}</button>
						@endcan
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- [ sample-page ] start -->
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('User Information') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label" for="name">{{ __('Name') }}</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="{{ __('Name') }}" value="{{ old('name') }}">
                            @error('name')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="email">{{ __('Email') }}</label>
                            <input type="email" class="form-control" id="email" name="email" placeholder="{{ __('Email') }}" value="{{ old('email') }}">
                            @error('email')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="role">{{ __('Role') }}</label>
                            <select name="role" id="role" class="form-select">
                                <option value="">{{ __('Select User Role') }}</option>
                                @foreach($roles as $role)
                                    <option value="{{ $role->id }}" @if(old('role') == $role->id){{ __('selected') }}@endif>{{ ucfirst($role->name) }}</option>
                                @endforeach
                            </select>
                            @error('role')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="password">{{ __('Password') }}</label>
                            <input type="password" class="form-control" id="password" name="password" placeholder="{{ __('Password') }}" value="{{ old('password') }}">
                            @error('password')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="password_confirmation">{{ __('Confirm Password') }}</label>
                            <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="{{ __('Confirm Password') }}" value="{{ old('password_confirmation') }}">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="status">{{ __('User Status') }}</label>
                            <select name="status" id="status" class="form-select">
                                <option value="1" @if(old('status') == '1'){{ __('selected') }}@endif>{{ __('Active') }}</option>
                                <option value="0" @if(old('status') == '0'){{ __('selected') }}@endif>{{ __('Inactive') }}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <!-- [ sample-page ] end -->
        </div>
        <!-- [ Main Content ] end -->
    </form>
@endsection