@extends('layouts.main')

@section('content')

    <style>
        body {
            background: #f4f7fb;
        }

        .profile-card {
            border: none;
            border-radius: 16px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
        }

        .form-control {
            border-radius: 10px;
            height: 45px;
        }

        .btn-save {
            background: #0d6efd;
            color: #fff;
            border: none;
            border-radius: 10px;
            padding: 10px 20px;
        }

        .btn-save:hover {
            background: #0b5ed7;
            color: #fff;
        }
    </style>

    <div>

        <div class="card profile-card">

            <div class="card-body p-4">

                <h4 class="mb-4">
                    ✏️ Edit Profile
                </h4>

                {{-- SUCCESS --}}
                @if(session('success'))

                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>

                @endif

                {{-- ERRORS --}}
                @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('superadmin.counsellor.profileupdate', $user->id) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="row g-3">

                        {{-- FIRST NAME --}}
                        <div class="col-md-6">

                            <label class="form-label">
                                First Name
                            </label>

                            <input type="text" name="first_name" value="{{ old('first_name', $user->first_name) }}"
                                class="form-control" required>

                        </div>

                        {{-- LAST NAME --}}
                        <div class="col-md-6">

                            <label class="form-label">
                                Last Name
                            </label>

                            <input type="text" name="last_name" value="{{ old('last_name', $user->last_name) }}"
                                class="form-control" required>

                        </div>



                        {{-- EMAIL --}}
                        <div class="col-md-6">

                            <label class="form-label">
                                Email
                            </label>

                            <input type="email" name="email" value="{{ old('email', $user->email) }}" class="form-control"
                                required>

                        </div>

                        {{-- PHONE --}}
                        <div class="col-md-6">

                            <label class="form-label">
                                Phone Number
                            </label>

                            <input type="text" name="phone_number" value="{{ old('phone_number', $user->phone_number) }}"
                                class="form-control">

                        </div>

                        {{-- COUNTRY --}}
                        <div class="col-md-6">

                            <label class="form-label">
                                Country
                            </label>

                            <input type="text" name="country" value="{{ old('country', $user->country) }}"
                                class="form-control">

                        </div>

                        {{-- PASSWORD --}}
                        <div class="col-md-12">

                            <label class="form-label">
                                New Password
                            </label>

                            <input type="password" name="password" class="form-control">

                            <small class="text-muted">
                                Leave blank if you don't want to change password
                            </small>

                        </div>

                    </div>

                    <div class="mt-4">

                        <button type="submit" class="btn btn-save">

                            Update Profile

                        </button>

                    </div>

                </form>

            </div>

        </div>

    </div>

@endsection