@extends('layouts.app')

@section('content')
<div class="container py-5">

     {{-- Display validation errors --}}
    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <h1 class="mb-4">Add New User</h1>

    <form method="POST" action="{{ route('users.store') }}">
        @csrf
        <div class="mb-3">
            <label>Name</label>
            <input type="text" name="fullname" class="form-control" required>
        </div>

        <div class="mb-3">
            <label>Username</label>
            <input type="text" name="name" class="form-control" required>
        </div>

        <div class="mb-3">
            <label>Email</label>
            <input type="email" name="email" class="form-control">
        </div>

        <div class="mb-3">
            <label>Role</label>
            <select name="role" class="form-control">
                <option value="internal">Internal</option>
                <option value="external">External</option>
            </select>
        </div>

        <div class="form-check mb-3">
            <input type="checkbox" name="is_admin" class="form-check-input" id="adminCheck">
            <label class="form-check-label" for="adminCheck">Is Admin</label>
        </div>

        <div class="mb-3">
            <label>Temporary Password</label>
            <input type="text" name="password" class="form-control" required>
        </div>

        <div class="mb-3 card p-4">
            <label>Email Template</label>
                <div class="mb-3">
                    <label>Subject</label>
                    <input type="text" required name="subject" value="Welcome Aboard!" class="form-control">
                </div>
                <div class="mb-3">
                    <label>Body (Use variables like {name} {fullname} {email} {reset_link})</label>
<textarea required name="body" class="form-control" rows="10">
Hi {name},

You have successfully registered in Form Builder.

Username: {username}

Click the button below to reset your password:

{reset_link}

If you have any questions, feel free to contact us.

Thanks,
Form Builder
</textarea>
                </div>
        </div>

        <button class="btn btn-success">Create User</button>
        <a href="{{ route('users.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection