@php
    $title = 'Edit Profile';
@endphp


@extends('layouts.auth')
@section('content')
<div class="content">
   <div class="card card-default card-profile">
      <div class="card-header-bg" style="background-image:url({{asset('assets/auth')}}/images/cover.webp)"></div>
      <div class="card-body card-profile-body">
         <div class="profile-avata">
            <img style="width: 120px; height: 120px; object-fit: cover; object-position: top center;" 
            class="rounded-circle" src="{{asset('assets')}}/public/images/judge2.jpg" alt="Avata Image">
            <span class="h5 d-block mt-3 mb-2">{{$user->name}}</span>
            <span class="d-block">{{$user->email}}</span>
         </div>
         <ul class="nav nav-profile-follow">
            <li class="nav-item">
               <a class="nav-link">
               <span class="mdi mdi-facebook-box">Facebook</span>
               <span class="text-color d-block"></span>
               </a>
            </li>
            <li class="nav-item">
               <a class="nav-link">
               <span class="mdi mdi-whatsapp">Whatsapp</span>
               <span class="text-color d-block"></span>
               </a>
            </li>
         </ul>
         <div class="profile-button">
            <a class="btn btn-primary btn-pill" href="{{ route('profile.view') }}"><i class="mdi mdi-account"></i> View Profile</a>
         </div>
      </div>
   </div>

   {{-- edit profile --}}

   <div class="row">
    <div class="col-xl-3">
      <!-- Settings -->
      <div class="card card-default">
        <div class="card-header">
          <h2>Settings</h2>
        </div>
  
        <div class="card-body pt-0">
  
          <ul class="nav nav-settings">
            <li class="nav-item">
              <a class="nav-link" href="{{ route('profile.view') }}">
                <i class="mdi mdi-account-outline mr-1"></i> Profile
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" href="{{ route('profile.edit') }}">
                <i class="mdi mdi-settings-outline mr-1"></i> Account
              </a>
            </li>
            
          </ul>
  
        </div>
  
      </div>
    </div>
    <div class="col-xl-9">
      <!-- Account Settings -->
      <div class="card card-default">
        <div class="card-header">
            <h2 class="mb-1">{{__("Account Settings")}}</h2>
            <span class="d-block mb-5">{{ __("Update your account's profile information and email address.") }}</span>
        </div>
  
        <div class="card-body">
  
            <form method="POST" action="{{ route('profile.update') }}">
                @csrf
                @method('PUT') <!-- Specify PUT method for updating -->
            
                <!-- Full Name Field -->
                <div class="form-group mb-4">
                    <label for="fullName">Full Name</label>
                    <input type="text" name="name" id="fullName" class="form-control" 
                           value="{{ old('name', $user->name) }}" required>
                    @error('name')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
            
                <!-- Email Field -->
                <div class="form-group mb-4">
                    <label for="email">Email</label>
                    <input type="email" name="email" id="email" class="form-control" 
                           value="{{ old('email', $user->email) }}" required>
                    @error('email')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
            
                <!-- New Password Field -->
                <div class="form-group mb-4">
                    <label for="newPassword">New Password</label>
                    <input type="password" name="password" id="newPassword" class="form-control">
                    @error('password')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                </div>
            
                <!-- Confirm Password Field -->
                <div class="form-group mb-4">
                    <label for="conPassword">Confirm Password</label>
                    <input type="password" name="password_confirmation" id="conPassword" class="form-control">
                </div>
            
                <!-- Submit Button -->
                <div class="d-flex justify-content-end mt-6">
                    {{-- <button type="submit" class="btn btn-primary mb-2 btn-pill">Update Profile</button> --}}
                    <button type="submit" class="btn btn-primary">Update Profile</button>
                </div>
            </form>
            
        </div>
      </div>
  
  
  
  
    </div>
  
  </div>


</div>
@endsection
{{-- <x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Profile') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.update-profile-information-form')
                </div>
            </div>

            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.update-password-form')
                </div>
            </div>

            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.delete-user-form')
                </div>
            </div>
        </div>
    </div>
</x-app-layout> --}}