@extends('layouts.dashboard')

@section('title', 'Edit Client')

@section('content')
<div class="mb-4">
    <a href="{{ route('dashboard.clients.show', $client->id) }}" class="text-decoration-none">
        <i class="bi bi-arrow-left me-2"></i>Back to Client Details
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent">
                <h5 class="mb-0"><i class="bi bi-pencil me-2"></i>Edit Client - {{ $client->name }}</h5>
            </div>
            <div class="card-body p-4">
                <form method="POST" action="{{ route('dashboard.clients.update', $client->id) }}">
                    @csrf
                    @method('PUT')

                    <h6 class="text-muted mb-3"><i class="bi bi-building me-2"></i>Organization Details</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label class="form-label">Organization Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name', $client->name) }}" required>
                            @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Email Address <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $client->email) }}" required>
                            @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Phone Number</label>
                            <input type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone', $client->phone) }}">
                            @error('phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Slug</label>
                            <input type="text" class="form-control" value="{{ $client->slug }}" readonly disabled>
                            <div class="form-text">Slug cannot be changed</div>
                        </div>

                        <div class="col-md-12">
                            <label class="form-label">Address</label>
                            <textarea class="form-control @error('address') is-invalid @enderror" name="address" rows="2">{{ old('address', $client->address) }}</textarea>
                            @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <hr class="my-4">

                    <h6 class="text-muted mb-3"><i class="bi bi-sliders me-2"></i>Plan & Limits</h6>
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Subscription Plan <span class="text-danger">*</span></label>
                            <select class="form-select @error('subscription_type') is-invalid @enderror" name="subscription_type" required>
                                <option value="trial" {{ old('subscription_type', $client->subscription_type) === 'trial' ? 'selected' : '' }}>Trial</option>
                                <option value="basic" {{ old('subscription_type', $client->subscription_type) === 'basic' ? 'selected' : '' }}>Basic</option>
                                <option value="premium" {{ old('subscription_type', $client->subscription_type) === 'premium' ? 'selected' : '' }}>Premium</option>
                                <option value="enterprise" {{ old('subscription_type', $client->subscription_type) === 'enterprise' ? 'selected' : '' }}>Enterprise</option>
                            </select>
                            @error('subscription_type')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Max Users <span class="text-danger">*</span></label>
                            <input type="number" class="form-control @error('max_users') is-invalid @enderror" name="max_users" value="{{ old('max_users', $client->max_users) }}" min="1" max="10000" required>
                            @error('max_users')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Current: {{ $client->users()->count() }} users</div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Max Client Admins <span class="text-danger">*</span></label>
                            <input type="number" class="form-control @error('max_client_admins') is-invalid @enderror" name="max_client_admins" value="{{ old('max_client_admins', $client->max_client_admins) }}" min="1" max="100" required>
                            @error('max_client_admins')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Current: {{ $client->clientAdmins()->count() }} admins</div>
                        </div>
                    </div>

                    <div class="alert alert-info mt-4">
                        <i class="bi bi-info-circle me-2"></i>
                        To extend subscription duration, use the "Extend Subscription" feature on the client details page.
                    </div>

                    <div class="mt-4 pt-3 border-top d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-lg me-2"></i>Save Changes
                        </button>
                        <a href="{{ route('dashboard.clients.show', $client->id) }}" class="btn btn-outline-secondary">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection