@extends('admin.templates.layout')

@section('content')
<div class="row g-3">
    <div class="col-lg-5">
        <div class="card">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">Profile</h5></div>
            <div class="card-body">
                <form id="profileForm">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Name</label>
                        <input type="text" name="name" class="form-control" value="{{ $user->name }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ $user->email }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Phone</label>
                        <input type="text" name="phone" class="form-control" value="{{ $user->phone }}">
                    </div>
                    <button class="btn btn-primary">Save</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-7">
        <div class="card mb-3">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">Change Password</h5></div>
            <div class="card-body">
                <form id="pwdForm">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Current Password</label>
                        <input type="password" name="current_password" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">New Password</label>
                        <input type="password" name="new_password" class="form-control" required minlength="8">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Confirm New Password</label>
                        <input type="password" name="new_password_confirmation" class="form-control" required minlength="8">
                    </div>
                    <button class="btn btn-primary">Update Password</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">Recent Activity</h5></div>
            <div class="card-body p-0">
                <ul class="list-group list-group-flush">
                    @forelse($logs as $log)
                        <li class="list-group-item d-flex justify-content-between">
                            <div>
                                <div class="fw-semibold">{{ $log->action }}</div>
                                <div class="text-muted fs-12">IP: {{ $log->ip_address }}</div>
                            </div>
                            <small class="text-muted">{{ web_date_in_timezone($log->created_at, 'M d, Y h:i A') }}</small>
                        </li>
                    @empty
                        <li class="list-group-item text-center text-muted py-3">No activity</li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
$('#profileForm').on('submit', function (e) {
    e.preventDefault();
    $.post('{{ route("admin.profile.update") }}', $(this).serialize(), r => {
        r.status === 'success' ? toastr.success(r.message) : toastr.error(r.message);
    }).fail(x => toastr.error(x.responseJSON?.message || 'Failed'));
});

$('#pwdForm').on('submit', function (e) {
    e.preventDefault();
    $.post('{{ route("admin.profile.password") }}', $(this).serialize(), r => {
        if (r.status === 'success') { toastr.success(r.message); $('#pwdForm')[0].reset(); }
        else toastr.error(r.message);
    }).fail(x => toastr.error(x.responseJSON?.message || 'Failed'));
});
</script>
@endsection