@extends('layouts.muladash')
@section('title', $title)
@section('content')



    <x-danger-alert />
    <x-success-alert />

    
    <main class="container dark:bg-n0 text-n900 dark:text-white pt-8 min-h-dvh">
        <div class="px-6 flex justify-between items-center pb-8">
          <a
            href="javascript:history.back()"
            class="flex justify-center items-center bg-g300 w-12 h-12 rounded-full text-2xl !leading-none text-white"
          >
            <i class="ph ph-caret-left"></i>
          </a>
          <div class="flex-1 flex justify-center items-center pr-12">
            <p class="text-2xl font-semibold">Personal Information</p>
          </div>
        </div>
       
  
        
  
        

                <form class="flex flex-col gap-4 pt-8 px-6">
                    <div class="flex flex-col justify-start">
                      <p class="text-sm font-semibold pb-2 dark:text-white">Full Name</p>
                      <div
                        class="p-4 bg-n20 border border-n40 dark:bg-darkN20 dark:border-darkN40 rounded-xl"
                      >
                        <input
                          type="text"
                          value="{{ $userinfo->first_name }} {{ $userinfo->last_name }} "
                          class="w-full bg-transparent outline-none placeholder:text-n90 text-sm dark:text-white"
                        disabled />
                      </div>
                    </div>
                    <div class="flex flex-col justify-start">
                      <p class="text-sm font-semibold pb-2 dark:text-white">Email Address</p>
                      <div
                        class="p-4 bg-n20 border border-n40 dark:bg-darkN20 dark:border-darkN40 rounded-xl"
                      >
                        <input
                          type="text"
                          value="{{ $userinfo->email }}"
                          class="w-full bg-transparent outline-none placeholder:text-n90 text-sm dark:text-white"
                          disabled/>
                      </div>
                    </div>
                    <div class="flex flex-col justify-start">
                      <p class="text-sm font-semibold pb-2 dark:text-white">
                        Date of Birth
                      </p>
                      <div
                        class="p-4 bg-n20 border border-n40 dark:bg-darkN20 dark:border-darkN40 rounded-xl"
                      >
                        <input  disabled
                          type="date"  value="{{ $userinfo->dob }}"
                          class="w-full bg-transparent outline-none placeholder:text-n90 text-sm dark:text-white"
                        />
                      </div>
                    </div>
                  

                    <div class="flex flex-col justify-start">
                        <p class="text-sm font-semibold pb-2 dark:text-white">
                         Phone
                        </p>
                        <div
                          class="p-4 bg-n20 border border-n40 dark:bg-darkN20 dark:border-darkN40 rounded-xl"
                        >
                          <input disabled
                            type="text"  value="{{ $userinfo->phone }}"
                            class="w-full bg-transparent outline-none placeholder:text-n90 text-sm dark:text-white"
                          />
                        </div>
                      </div>
                    
                   
                   
                    
                  </form>
            
         
      </main>

@endsection