@extends('layouts.client')
@section('title', 'Account & security')
@section('content')
<div class="row g-3"><div class="col-lg-6"><div class="card p-3 mb-3"><h2 class="h6">Profile</h2><form method="post" action="{{ route('client.account.update') }}">@csrf @method('PUT')
<label class="form-label">Name</label><input class="form-control mb-2" name="name" value="{{ auth()->user()->name }}" required>
<label class="form-label">Business name</label><input class="form-control mb-2" name="business_name" value="{{ auth()->user()->client->business_name }}" required>
<label class="form-label">Email</label><input class="form-control mb-2" value="{{ auth()->user()->email }}" disabled><button class="btn btn-primary btn-sm" type="submit">Save</button></form></div>
<div class="card p-3"><h2 class="h6">Change password</h2><form method="post" action="{{ route('client.account.password') }}">@csrf @method('PUT')
<input class="form-control mb-2" type="password" name="current_password" placeholder="Current password" required><input class="form-control mb-2" type="password" name="password" placeholder="New password (min 10)" minlength="10" required><input class="form-control mb-2" type="password" name="password_confirmation" placeholder="Confirm new password" required><button class="btn btn-primary btn-sm" type="submit">Change password</button></form></div></div>
<div class="col-lg-6"><div class="card p-3"><div class="d-flex justify-content-between"><h2 class="h6">Active sessions</h2>
<form method="post" action="{{ route('client.account.sessions') }}" data-confirm="Sign out all other devices?">@csrf<button class="btn btn-sm btn-outline-danger" type="submit">Revoke others</button></form></div>
@foreach($sessions as $s)<div class="small border-top py-2">{{ \Illuminate\Support\Str::limit($s->user_agent, 60) }}<br><span class="text-muted">{{ $s->ip_address }} · {{ \Carbon\Carbon::createFromTimestamp($s->last_activity)->diffForHumans() }} @if($s->id === $current)<span class="badge-s s-ok">this device</span>@endif</span></div>@endforeach</div></div></div>
@endsection