@extends('user.layouts.master')
@section('css')
@endsection
@section('user-content')
<div class="page-title-box">
    <div class="row justify-content-center">
        <div class="col-xl-4 col-md-4 col-12">
            <div class="card directory-card">
                <div class="card-body">
                    <div class="d-flex">
                        <div class="flex-shrink-0">
                            <img src="{{ URL::to(Auth::user()->image) }}" alt="{{ Auth::user()->name }}" class="img-fluid img-thumbnail rounded-circle avatar-lg">
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h5 class="text-primary font-size-18 mb-1">{{ Auth::user()->name }}</h5>
                            <p class="font-size-12 mb-2">Since  {{ \Carbon\Carbon::parse(Auth::user()->created_at)->format('d M Y')}}</p>
                            <p class="mb-0">User ID: {{ Auth::user()->code }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-xl-6 col-md-6 col-12">
            <div class="card directory-card">
                <div class="card-body">
                    <form action="{{ route('user.profile.update', Auth::user()->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="">
                            <div class="form-group">
                                <label for="name" class="form-label">Name <span class="text-red">*</span></label>
                                <input class="form-control" type="text" name="name" placeholder="name" value="{{ Auth::user()->name }}" required>
                            </div>
                            <div class="form-group">
                                <label for="email" class="form-label">Email</label>
                                <input class="form-control" type="email" readonly value="{{ Auth::user()->email }}" placeholder="email">
                            </div>
                            <div class="form-group">
                                <label for="phone" class="form-label">Phone</label>
                                <input class="form-control" type="text" value="{{ Auth::user()->phone }}" name="phone" placeholder="phone">
                            </div>
                            <div class="form-group">
                                <label for="country" class="form-label">Country</label>
                                <input class="form-control" type="text" value="{{ country(Auth::user()->country) }}" readonly placeholder="Country">
                            </div>
                            <div class="form-group">
                                <label for="image" class="form-label">Profile Image</label>
                                <input class="form-control" type="file" name="image">
                            </div>
                            <div class="form-group">
                                <label for="password" class="form-label">New Password</label>
                                <input class="form-control" type="password" name="password" placeholder="Password">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary mt-4 mb-0">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
@endsection