@extends('layouts.user_type.auth')

@section('profile')

@include('components.alert')
<div class="container mt-4">
    <h3>User Profile</h3>
    <form action="{{ route('profile.storeOrUpdate') }}" method="POST">
        @csrf

        <div class="row">
            <!-- First Column -->
            <div class="col-md-6">
                <!-- Name -->
                <div class="mb-3">
                    <label for="name" class="form-label">Name<span class="text-danger">*</span></label>
                    <input type="text" id="name" name="name" class="form-control" value="{{ $user->name }}" required>
                </div>

                <!-- Email -->
                <div class="mb-3">
                    <label for="email" class="form-label">Email<span class="text-danger">*</span></label>
                    <input type="email" id="email" name="email" class="form-control" value="{{ $user->email }}" required>
                </div>

                <!-- Password -->
                <div class="mb-3">
                    <label for="password" class="form-label">Password</label>
                    <input type="password" id="password" name="password" class="form-control" placeholder="Enter new password">
                </div>
            </div>

            <!-- Second Column -->
            <div class="col-md-6">
                <!-- User Type (Read-only) -->
                <div class="mb-3">
                    <label for="user_type" class="form-label">User Type</label>
                    <input type="text" id="user_type" name="user_type" class="form-control" value="{{ $user->user_type }}" readonly>
                </div>

                <!-- Config Key (Read-only) -->
                <div class="mb-3">
                    <label for="config_key" class="form-label">Config Key</label>
                    <input type="text" id="config_key" name="config_key" class="form-control" value="{{ $user->config_key }}" readonly>
                </div>

                <!-- Subscription Key (Admin only, Read-only) -->
                @if($user->user_type === 'admin' || $user->user_type === 'super_admin')
                <div class="mb-3">
                    <label for="subscription_key" class="form-label">Subscription Key</label>
                    <input type="text" id="subscription_key" name="subscription_key" class="form-control" value="{{ $user->subscription_key }}" readonly>
                </div>
                @endif
            </div>
        </div>

        <!-- Submit Button -->
        <div class="d-flex justify-content-between mt-3">
            <button type="submit" class="btn btn-primary">Update Profile</button>
            <a href="{{ route('home.index') }}" class="btn btn-danger">Close</a>
        </div>
    </form>
</div>

@endsection