@extends('backend.layouts.main')

@section('content')

    <!-- Basic form layout section start -->
    <section class="card rounded p-3 admin-pro">
        <div class="attached">
            <img src="{{ $user->avatar ?: asset('assets/admin/images/student-pro-girl.png') }}" alt="" class="img-fluid">
        </div>
        <div class="row">
            <div class="col-12 col-lg-6 form-group">
                <label for="">Full Name</label>
                <p>{{ $user->name }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">email</label>
                <p>{{ $user->email }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">phone</label>
                <p>{{ $user->contact }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">address</label>
                <p>{{ $user->address }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">country</label>
                <p>{{ $user->country }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">state</label>
                <p>{{ $user->state }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">city</label>
                <p>{{ $user->city }}</p>
            </div>
            <div class="col-12 col-lg-6 form-group">
                <label for="">Zip Code</label>
                <p>{{ $user->zip }}</p>
            </div>
        </div>
        <div class="text-center">
            <a class="button pur-btn-no-bg" data-toggle='modal' data-target="#change-password" >change password</a>
            <a href="{{ route('admin.profile.edit') }}" class="pur-btn">edit profile</a>
        </div>
    </section>

    <!-- Start Add Modal -->
    <x-admin.modal.modal id="change-password" title="Change Password">
        <form action="{{ route('admin.profile.password.edit.post').'#change-password' }}" method="post">
            @csrf
            <div class="row">
                <div class="col-12">
                    <x-admin.form.field
                        label="Password"
                        placeholder="Enter current password"
                        id="current_password"
                        type="password"
                        class="mb-2"
                    />
                </div>
                <div class="col-12">
                    <x-admin.form.field
                        label="New Password"
                        placeholder="Enter new password"
                        id="new_password"
                        type="password"
                        class="mb-2"
                    />
                </div>
                <div class="col-12">
                    <x-admin.form.field
                        label="Password"
                        placeholder="Re-enter new password"
                        id="match_password"
                        type="password"
                        class="mb-2"
                    />
                </div>
                <div class="col-12 text-right">
                    <x-admin.form.button type="submit">
                        Save
                    </x-admin.form.button>
                </div>
            </div>
        </form>
    </x-admin.modal.modal>
    <!-- End Add Modal -->

@endsection