@extends('layouts.app')

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

@section('styles')
<style>
/* Info Block Styles */
.info-block {
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.info-block-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.info-block-header h6 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: white;
}

.info-block-header small {
    font-size: 0.85rem;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.8);
}

.info-block-content {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
}

/* Form Controls */
.info-block-content .form-control,
.info-block-content .form-select {
    border: 2px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.info-block-content .form-control:focus,
.info-block-content .form-select:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 0.2rem rgba(42, 82, 152, 0.25);
    outline: none;
}

.info-block-content .form-control:hover,
.info-block-content .form-select:hover {
    border-color: #2a5298;
}

/* Form Labels */
.info-block-content .form-label {
    color: #495057;
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

/* File Upload Styles */
.info-block-content .form-control[type="file"] {
    padding: 0.5rem 1rem;
}

/* Checkbox Styles */
.info-block-content .form-check-input:checked {
    background-color: #2a5298;
    border-color: #2a5298;
}

.info-block-content .form-check-input:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 0.2rem rgba(42, 82, 152, 0.25);
}

/* Button Styles */
.btn-submit {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    border: none;
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 0.375rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(42, 82, 152, 0.3);
    color: white;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-block-header {
        padding: 0.75rem 1rem;
    }

    .info-block-content {
        padding: 1rem;
    }

    .info-block-header h6 {
        font-size: 1rem;
    }

    .info-block-header small {
        font-size: 0.8rem;
    }
}
</style>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">
                        <i class="fas fa-edit me-2"></i>Edit Active Client - {{ $activeClient->full_name }}
                    </h5>
                    <a href="{{ route('active-clients.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Back to Active Clients
                    </a>
                </div>

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

                    <form action="{{ route('active-clients.update', $activeClient) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <!-- Personal Information Section -->
                        <div class="info-block">
                            <div class="info-block-header">
                                <h6 class="text-white mb-0">
                                    <i class="fas fa-user me-2"></i>Personal Information
                                </h6>
                                <small class="text-white-50">Fill Up All Required(*) Field Data</small>
                            </div>
                            <div class="info-block-content">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="full_name" class="form-label">Full Name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control @error('full_name') is-invalid @enderror" 
                                                   id="full_name" name="full_name" value="{{ old('full_name', $activeClient->full_name) }}" required>
                                            @error('full_name')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="father_name" class="form-label">Father Name</label>
                                            <input type="text" class="form-control @error('father_name') is-invalid @enderror" 
                                                   id="father_name" name="father_name" value="{{ old('father_name', $activeClient->father_name) }}">
                                            @error('father_name')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="mother_name" class="form-label">Mother Name</label>
                                            <input type="text" class="form-control @error('mother_name') is-invalid @enderror" 
                                                   id="mother_name" name="mother_name" value="{{ old('mother_name', $activeClient->mother_name) }}">
                                            @error('mother_name')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="gender" class="form-label">Gender</label>
                                            <select class="form-select @error('gender') is-invalid @enderror" id="gender" name="gender">
                                                <option value="">Select Gender</option>
                                                <option value="male" {{ old('gender', $activeClient->gender) == 'male' ? 'selected' : '' }}>Male</option>
                                                <option value="female" {{ old('gender', $activeClient->gender) == 'female' ? 'selected' : '' }}>Female</option>
                                                <option value="other" {{ old('gender', $activeClient->gender) == 'other' ? 'selected' : '' }}>Other</option>
                                            </select>
                                            @error('gender')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="date_of_birth" class="form-label">Date of Birth</label>
                                            <input type="date" class="form-control @error('date_of_birth') is-invalid @enderror" 
                                                   id="date_of_birth" name="date_of_birth" value="{{ old('date_of_birth', $activeClient->date_of_birth ? \Carbon\Carbon::parse($activeClient->date_of_birth)->format('Y-m-d') : '') }}">
                                            @error('date_of_birth')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="occupation" class="form-label">Occupation</label>
                                            <input type="text" class="form-control @error('occupation') is-invalid @enderror" 
                                                   id="occupation" name="occupation" value="{{ old('occupation', $activeClient->occupation) }}">
                                            @error('occupation')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="nid_birth_certificate_no" class="form-label">NID/Birth Certificate No</label>
                                            <input type="text" class="form-control @error('nid_birth_certificate_no') is-invalid @enderror" 
                                                   id="nid_birth_certificate_no" name="nid_birth_certificate_no" value="{{ old('nid_birth_certificate_no', $activeClient->nid_birth_certificate_no) }}">
                                            @error('nid_birth_certificate_no')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="registration_form_no" class="form-label">Registration Form No</label>
                                            <input type="text" class="form-control @error('registration_form_no') is-invalid @enderror" 
                                                   id="registration_form_no" name="registration_form_no" value="{{ old('registration_form_no', $activeClient->registration_form_no) }}">
                                            @error('registration_form_no')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Contact Information Section -->
                        <div class="info-block">
                            <div class="info-block-header">
                                <h6 class="text-white mb-0">
                                    <i class="fas fa-phone me-2"></i>Contact Information
                                </h6>
                                <small class="text-white-50">Contact details and address information</small>
                            </div>
                            <div class="info-block-content">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="mobile_number" class="form-label">Mobile Number <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control @error('mobile_number') is-invalid @enderror" 
                                                   id="mobile_number" name="mobile_number" value="{{ old('mobile_number', $activeClient->mobile_number) }}" required>
                                            @error('mobile_number')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="phone_number" class="form-label">Phone Number</label>
                                            <input type="text" class="form-control @error('phone_number') is-invalid @enderror" 
                                                   id="phone_number" name="phone_number" value="{{ old('phone_number', $activeClient->phone_number) }}">
                                            @error('phone_number')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="email_address" class="form-label">Email Address</label>
                                            <input type="email" class="form-control @error('email_address') is-invalid @enderror" 
                                                   id="email_address" name="email_address" value="{{ old('email_address', $activeClient->email_address) }}">
                                            @error('email_address')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="facebook_url" class="form-label">Facebook URL</label>
                                            <input type="url" class="form-control @error('facebook_url') is-invalid @enderror" 
                                                   id="facebook_url" name="facebook_url" value="{{ old('facebook_url', $activeClient->facebook_url) }}">
                                            @error('facebook_url')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="linkedin_url" class="form-label">LinkedIn URL</label>
                                            <input type="url" class="form-control @error('linkedin_url') is-invalid @enderror" 
                                                   id="linkedin_url" name="linkedin_url" value="{{ old('linkedin_url', $activeClient->linkedin_url) }}">
                                            @error('linkedin_url')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="twitter_url" class="form-label">Twitter URL</label>
                                            <input type="url" class="form-control @error('twitter_url') is-invalid @enderror" 
                                                   id="twitter_url" name="twitter_url" value="{{ old('twitter_url', $activeClient->twitter_url) }}">
                                            @error('twitter_url')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="house_number" class="form-label">House Number</label>
                                            <input type="text" class="form-control @error('house_number') is-invalid @enderror" 
                                                   id="house_number" name="house_number" value="{{ old('house_number', $activeClient->house_number) }}">
                                            @error('house_number')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="road_number" class="form-label">Road Number</label>
                                            <input type="text" class="form-control @error('road_number') is-invalid @enderror" 
                                                   id="road_number" name="road_number" value="{{ old('road_number', $activeClient->road_number) }}">
                                            @error('road_number')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="district" class="form-label">District</label>
                                            <select class="form-select @error('district') is-invalid @enderror" id="district" name="district">
                                                <option value="">Select District</option>
                                                @foreach($districts as $district)
                                                    <option value="{{ $district->id }}" {{ old('district', $activeClient->district) == $district->name ? 'selected' : '' }}>
                                                        {{ $district->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('district')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="upazila_thana" class="form-label">Upazila/Thana</label>
                                            <select class="form-select @error('upazila_thana') is-invalid @enderror" id="upazila_thana" name="upazila_thana">
                                                <option value="">Select Upazila/Thana</option>
                                                @foreach($upazilas as $upazila)
                                                    <option value="{{ $upazila->id }}" {{ old('upazila_thana', $activeClient->upazila_thana) == $upazila->name ? 'selected' : '' }}>
                                                        {{ $upazila->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('upazila_thana')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="present_address" class="form-label">Present Address</label>
                                            <textarea class="form-control @error('present_address') is-invalid @enderror" 
                                                      id="present_address" name="present_address" rows="3">{{ old('present_address', $activeClient->present_address) }}</textarea>
                                            @error('present_address')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="permanent_address" class="form-label">Permanent Address</label>
                                            <textarea class="form-control @error('permanent_address') is-invalid @enderror" 
                                                      id="permanent_address" name="permanent_address" rows="3">{{ old('permanent_address', $activeClient->permanent_address) }}</textarea>
                                            @error('permanent_address')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="same_as_present_address" name="same_as_present_address" value="1" 
                                                       {{ old('same_as_present_address', $activeClient->same_as_present_address) ? 'checked' : '' }}>
                                                <label class="form-check-label" for="same_as_present_address">
                                                    Same as Present Address
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="map_latitude" class="form-label">Map Latitude</label>
                                            <input type="text" class="form-control @error('map_latitude') is-invalid @enderror" 
                                                   id="map_latitude" name="map_latitude" value="{{ old('map_latitude', $activeClient->map_latitude) }}">
                                            @error('map_latitude')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="map_longitude" class="form-label">Map Longitude</label>
                                            <input type="text" class="form-control @error('map_longitude') is-invalid @enderror" 
                                                   id="map_longitude" name="map_longitude" value="{{ old('map_longitude', $activeClient->map_longitude) }}">
                                            @error('map_longitude')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Network & Product Information Section -->
                        <div class="info-block">
                            <div class="info-block-header">
                                <h6 class="text-white mb-0">
                                    <i class="fas fa-network-wired me-2"></i>Network & Product Information
                                </h6>
                                <small class="text-white-50">Network configuration and product details</small>
                            </div>
                            <div class="info-block-content">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="server" class="form-label">Server</label>
                                            <input type="text" class="form-control @error('server') is-invalid @enderror" 
                                                   id="server" name="server" value="{{ old('server', $activeClient->server) }}">
                                            @error('server')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="protocol_type" class="form-label">Protocol Type</label>
                                            <input type="text" class="form-control @error('protocol_type') is-invalid @enderror" 
                                                   id="protocol_type" name="protocol_type" value="{{ old('protocol_type', $activeClient->protocol_type) }}">
                                            @error('protocol_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="zone" class="form-label">Zone</label>
                                            <select class="form-select @error('zone') is-invalid @enderror" id="zone" name="zone">
                                                <option value="">Select Zone</option>
                                                @foreach($zones as $zone)
                                                    <option value="{{ $zone->id }}" {{ old('zone', $activeClient->zone) == $zone->name ? 'selected' : '' }}>
                                                        {{ $zone->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('zone')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="sub_zone" class="form-label">Sub Zone</label>
                                            <select class="form-select @error('sub_zone') is-invalid @enderror" id="sub_zone" name="sub_zone">
                                                <option value="">Select Sub Zone</option>
                                                @foreach($subZones as $subZone)
                                                    <option value="{{ $subZone->id }}" {{ old('sub_zone', $activeClient->sub_zone) == $subZone->name ? 'selected' : '' }}>
                                                        {{ $subZone->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('sub_zone')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="box" class="form-label">Box</label>
                                            <select class="form-select @error('box') is-invalid @enderror" id="box" name="box">
                                                <option value="">Select Box</option>
                                                @foreach($boxes as $box)
                                                    <option value="{{ $box->id }}" {{ old('box', $activeClient->box) == $box->name ? 'selected' : '' }}>
                                                        {{ $box->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('box')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="connection_type" class="form-label">Connection Type</label>
                                            <input type="text" class="form-control @error('connection_type') is-invalid @enderror" 
                                                   id="connection_type" name="connection_type" value="{{ old('connection_type', $activeClient->connection_type) }}">
                                            @error('connection_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="cable_requirement_metre" class="form-label">Cable Requirement (Metre)</label>
                                            <input type="text" class="form-control @error('cable_requirement_metre') is-invalid @enderror" 
                                                   id="cable_requirement_metre" name="cable_requirement_metre" value="{{ old('cable_requirement_metre', $activeClient->cable_requirement_metre) }}">
                                            @error('cable_requirement_metre')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="fiber_code" class="form-label">Fiber Code</label>
                                            <input type="text" class="form-control @error('fiber_code') is-invalid @enderror" 
                                                   id="fiber_code" name="fiber_code" value="{{ old('fiber_code', $activeClient->fiber_code) }}">
                                            @error('fiber_code')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="number_of_core" class="form-label">Number of Core</label>
                                            <input type="text" class="form-control @error('number_of_core') is-invalid @enderror" 
                                                   id="number_of_core" name="number_of_core" value="{{ old('number_of_core', $activeClient->number_of_core) }}">
                                            @error('number_of_core')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="core_color" class="form-label">Core Color</label>
                                            <input type="text" class="form-control @error('core_color') is-invalid @enderror" 
                                                   id="core_color" name="core_color" value="{{ old('core_color', $activeClient->core_color) }}">
                                            @error('core_color')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="device" class="form-label">Device</label>
                                            <input type="text" class="form-control @error('device') is-invalid @enderror" 
                                                   id="device" name="device" value="{{ old('device', $activeClient->device) }}">
                                            @error('device')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="device_mac_serial_no" class="form-label">Device MAC/Serial No</label>
                                            <input type="text" class="form-control @error('device_mac_serial_no') is-invalid @enderror" 
                                                   id="device_mac_serial_no" name="device_mac_serial_no" value="{{ old('device_mac_serial_no', $activeClient->device_mac_serial_no) }}">
                                            @error('device_mac_serial_no')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="vendor" class="form-label">Vendor</label>
                                            <input type="text" class="form-control @error('vendor') is-invalid @enderror" 
                                                   id="vendor" name="vendor" value="{{ old('vendor', $activeClient->vendor) }}">
                                            @error('vendor')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="purchase_date" class="form-label">Purchase Date</label>
                                            <input type="date" class="form-control @error('purchase_date') is-invalid @enderror" 
                                                   id="purchase_date" name="purchase_date" value="{{ old('purchase_date', $activeClient->purchase_date ? \Carbon\Carbon::parse($activeClient->purchase_date)->format('Y-m-d') : '') }}">
                                            @error('purchase_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="ip_address" class="form-label">IP Address</label>
                                            <input type="text" class="form-control @error('ip_address') is-invalid @enderror" 
                                                   id="ip_address" name="ip_address" value="{{ old('ip_address', $activeClient->ip_address) }}">
                                            @error('ip_address')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Service Information Section -->
                        <div class="info-block">
                            <div class="info-block-header">
                                <h6 class="text-white mb-0">
                                    <i class="fas fa-cogs me-2"></i>Service Information
                                </h6>
                                <small class="text-white-50">Service details and billing information</small>
                            </div>
                            <div class="info-block-content">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="package" class="form-label">Package</label>
                                            <select class="form-select @error('package') is-invalid @enderror" id="package" name="package">
                                                <option value="">Select Package</option>
                                                @foreach($packages as $package)
                                                    <option value="{{ $package->id }}" {{ old('package', $activeClient->package) == $package->name ? 'selected' : '' }}>
                                                        {{ $package->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('package')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="profile" class="form-label">Profile</label>
                                            <input type="text" class="form-control @error('profile') is-invalid @enderror" 
                                                   id="profile" name="profile" value="{{ old('profile', $activeClient->profile) }}">
                                            @error('profile')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="client_type_id" class="form-label">Client Type</label>
                                            <select class="form-select @error('client_type_id') is-invalid @enderror" id="client_type_id" name="client_type_id">
                                                <option value="">Select Client Type</option>
                                                @foreach($clientTypes as $clientType)
                                                    <option value="{{ $clientType->id }}" {{ old('client_type_id', $activeClient->client_type_id) == $clientType->id ? 'selected' : '' }}>
                                                        {{ $clientType->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('client_type_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="billing_status_id" class="form-label">Billing Status</label>
                                            <select class="form-select @error('billing_status_id') is-invalid @enderror" id="billing_status_id" name="billing_status_id">
                                                <option value="">Select Billing Status</option>
                                                @foreach($billingStatuses as $billingStatus)
                                                    <option value="{{ $billingStatus->id }}" {{ old('billing_status_id', $activeClient->billing_status_id) == $billingStatus->id ? 'selected' : '' }}>
                                                        {{ $billingStatus->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('billing_status_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="username_ip" class="form-label">Username/IP</label>
                                            <input type="text" class="form-control @error('username_ip') is-invalid @enderror" 
                                                   id="username_ip" name="username_ip" value="{{ old('username_ip', $activeClient->username_ip) }}">
                                            @error('username_ip')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="password" class="form-label">Password</label>
                                            <input type="text" class="form-control @error('password') is-invalid @enderror" 
                                                   id="password" name="password" value="{{ old('password', $activeClient->password) }}">
                                            @error('password')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="joining_date" class="form-label">Joining Date</label>
                                            <input type="date" class="form-control @error('joining_date') is-invalid @enderror" 
                                                   id="joining_date" name="joining_date" value="{{ old('joining_date', $activeClient->joining_date ? \Carbon\Carbon::parse($activeClient->joining_date)->format('Y-m-d') : '') }}">
                                            @error('joining_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="monthly_bill" class="form-label">Monthly Bill</label>
                                            <input type="number" step="0.01" class="form-control @error('monthly_bill') is-invalid @enderror" 
                                                   id="monthly_bill" name="monthly_bill" value="{{ old('monthly_bill', $activeClient->monthly_bill) }}">
                                            @error('monthly_bill')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="service_charge" class="form-label">Service Charge</label>
                                            <input type="number" step="0.01" class="form-control @error('service_charge') is-invalid @enderror" 
                                                   id="service_charge" name="service_charge" value="{{ old('service_charge', $activeClient->service_charge) }}">
                                            @error('service_charge')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="billing_start_month" class="form-label">Billing Start Month</label>
                                            <input type="text" class="form-control @error('billing_start_month') is-invalid @enderror" 
                                                   id="billing_start_month" name="billing_start_month" value="{{ old('billing_start_month', $activeClient->billing_start_month) }}">
                                            @error('billing_start_month')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="expire_date" class="form-label">Expire Date</label>
                                            <input type="number" class="form-control @error('expire_date') is-invalid @enderror" 
                                                   id="expire_date" name="expire_date" value="{{ old('expire_date', $activeClient->expire_date) }}">
                                            @error('expire_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="reference_by" class="form-label">Reference By</label>
                                            <input type="text" class="form-control @error('reference_by') is-invalid @enderror" 
                                                   id="reference_by" name="reference_by" value="{{ old('reference_by', $activeClient->reference_by) }}">
                                            @error('reference_by')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="connected_by" class="form-label">Connected By</label>
                                            <input type="text" class="form-control @error('connected_by') is-invalid @enderror" 
                                                   id="connected_by" name="connected_by" value="{{ old('connected_by', $activeClient->connected_by) }}">
                                            @error('connected_by')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="is_vip_client" name="is_vip_client" value="1" 
                                                       {{ old('is_vip_client', $activeClient->is_vip_client) ? 'checked' : '' }}>
                                                <label class="form-check-label" for="is_vip_client">
                                                    VIP Client
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="send_greetings_sms" name="send_greetings_sms" value="1" 
                                                       {{ old('send_greetings_sms', $activeClient->send_greetings_sms) ? 'checked' : '' }}>
                                                <label class="form-check-label" for="send_greetings_sms">
                                                    Send Greetings SMS
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Remarks Section -->
                        <div class="info-block">
                            <div class="info-block-header">
                                <h6 class="text-white mb-0">
                                    <i class="fas fa-comment me-2"></i>Remarks
                                </h6>
                                <small class="text-white-50">Additional notes and comments</small>
                            </div>
                            <div class="info-block-content">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="remarks" class="form-label">Remarks</label>
                                            <textarea class="form-control @error('remarks') is-invalid @enderror" 
                                                      id="remarks" name="remarks" rows="4">{{ old('remarks', $activeClient->remarks) }}</textarea>
                                            @error('remarks')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Submit Buttons -->
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex justify-content-center gap-3">
                                    <button type="submit" class="btn btn-submit">
                                        <i class="fas fa-save me-2"></i>Update Active Client
                                    </button>
                                    <a href="{{ route('active-clients.index') }}" class="btn btn-secondary">
                                        <i class="fas fa-times me-2"></i>Cancel
                                    </a>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection