@extends('layouts.admin')

@section('title', 'Create Domain')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3">Create New Domain</h1>
    <a href="{{ route('admin.domains.index') }}" class="btn btn-modern-primary">
        <i class="bi bi-arrow-left me-2"></i>Back to Domains
    </a>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-white">
                <h5 class="mb-0">
                    <i class="bi bi-globe me-2"></i>Domain Information
                </h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.domains.store') }}">
                    @csrf

                    <!-- Domain Information Section -->
                    <div class="mb-4">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-info-circle me-2"></i>Domain Details
                        </h6>
                        
                        <div class="mb-3">
                            <label for="domain" class="form-label">Domain <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('domain') is-invalid @enderror" 
                                   id="domain" name="domain" value="{{ old('domain') }}" 
                                   placeholder="example.com" required>
                            <small class="form-text text-muted">Your main domain name (e.g., example.com)</small>
                            @error('domain')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="subdomain" class="form-label">Subdomain (Optional)</label>
                            <input type="text" class="form-control @error('subdomain') is-invalid @enderror" 
                                   id="subdomain" name="subdomain" value="{{ old('subdomain') }}" 
                                   placeholder="www">
                            <small class="form-text text-muted">Optional subdomain prefix (e.g., www, shop, blog)</small>
                            @error('subdomain')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" 
                                   {{ old('is_active', true) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">
                                Active
                            </label>
                            <small class="form-text text-muted d-block">Domain will be active immediately after creation</small>
                        </div>
                    </div>

                    <hr class="my-4">

                    <!-- Admin User Information Section -->
                    <div class="mb-4">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-person-plus me-2"></i>Admin User for This Domain
                        </h6>
                        <p class="text-muted small mb-3">Create an admin user who will manage this domain.</p>
                        
                        <div class="mb-3">
                            <label for="admin_name" class="form-label">Admin Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('admin_name') is-invalid @enderror" 
                                   id="admin_name" name="admin_name" value="{{ old('admin_name') }}" 
                                   placeholder="John Doe" required>
                            <small class="form-text text-muted">Full name of the admin user</small>
                            @error('admin_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="admin_email" class="form-label">Admin Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('admin_email') is-invalid @enderror" 
                                   id="admin_email" name="admin_email" value="{{ old('admin_email') }}" 
                                   placeholder="admin@example.com" required>
                            <small class="form-text text-muted">Email address for the admin user (must be unique)</small>
                            @error('admin_email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="admin_password" class="form-label">Admin Password <span class="text-danger">*</span></label>
                            <input type="password" class="form-control @error('admin_password') is-invalid @enderror" 
                                   id="admin_password" name="admin_password" required>
                            <small class="form-text text-muted">Password for the admin user</small>
                            @error('admin_password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="admin_password_confirmation" class="form-label">Confirm Password <span class="text-danger">*</span></label>
                            <input type="password" class="form-control" 
                                   id="admin_password_confirmation" name="admin_password_confirmation" required>
                            <small class="form-text text-muted">Re-enter the password to confirm</small>
                        </div>
                    </div>

                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                        <a href="{{ route('admin.domains.index') }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-modern-primary">
                            <i class="bi bi-check-circle me-2"></i>Create Domain & Admin
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection