@extends('freight-client.layouts.app')
@section('title', 'Profile')

@section('content')
    <h1 style="font-size:1.5rem;font-weight:800;margin:0 0 20px;">My Profile</h1>

    <div class="card">
        <h2><i class="fas fa-building"></i> Company &amp; Contact Details</h2>
        <form method="POST" action="{{ route('freight.client.profile.update') }}" enctype="multipart/form-data">
            @csrf
            <div class="grid">
                <div class="field"><label>Company Name</label><input type="text" name="company_name" value="{{ old('company_name', $client->company_name) }}"></div>
                <div class="field"><label>Contact Name *</label><input type="text" name="contact_name" value="{{ old('contact_name', $client->contact_name) }}" required></div>
                <div class="field"><label>Email</label><input type="email" value="{{ $client->email }}" disabled style="background:#f1f5f9;"></div>
                <div class="field"><label>Phone</label><input type="text" name="phone" value="{{ old('phone', $client->phone) }}"></div>
                <div class="field"><label>Address</label><input type="text" name="address" value="{{ old('address', $client->address) }}"></div>
                <div class="field"><label>City</label><input type="text" name="city" value="{{ old('city', $client->city) }}"></div>
                <div class="field"><label>State</label><input type="text" name="state" value="{{ old('state', $client->state) }}"></div>
                <div class="field"><label>Zip Code</label><input type="text" name="zip_code" value="{{ old('zip_code', $client->zip_code) }}"></div>
                <div class="field"><label>Logo / Photo</label><input type="file" name="profile_image" accept="image/*"></div>
            </div>
            <div style="margin-top:16px;"><button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Changes</button></div>
        </form>
    </div>

    <div class="card">
        <h2><i class="fas fa-key"></i> Change Password</h2>
        <form method="POST" action="{{ route('freight.client.password.update') }}">
            @csrf
            <div class="grid">
                <div class="field"><label>Current Password</label><input type="password" name="current_password" required></div>
                <div class="field"><label>New Password</label><input type="password" name="new_password" required></div>
                <div class="field"><label>Confirm New Password</label><input type="password" name="new_password_confirmation" required></div>
            </div>
            <div style="margin-top:16px;"><button type="submit" class="btn btn-primary"><i class="fas fa-key"></i> Update Password</button></div>
        </form>
    </div>
@endsection