@extends('layouts.admin')

@section('container')
    <!-- CONTAINER -->
    <div class="main-container container-fluid">

        <!-- PAGE-HEADER -->
        <div class="page-header">
            <h1 class="page-title">Detail Profile</h1>
            <div>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web.admin.user-management.members.index') }}">Members</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Detail Profile</li>
                </ol>
            </div>
        </div>
        <!-- PAGE-HEADER END -->

        <!-- ROW-1 OPEN -->
        <div class="row">
            <div class="col-xl-4">
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">Photo</div>
                    </div>
                    <div class="card-body">
                        <div class="text-center chat-image mb-5">
                            <div class="avatar avatar-xxl chat-profile mb-3 brround">
                                <a class="" href="{{ route('web.admin.profile') }}"><img alt="avatar"
                                        src="{{ $user->photo }}" class="brround"></a>
                            </div>
                            <div class="main-chat-msg-name">
                                <a href="profile.html">
                                    <h5 class="mb-1 text-dark fw-semibold">
                                        {{ $user->first_name . ' ' . $user->last_name }}
                                    </h5>
                                </a>
                                <p class="text-muted mt-0 mb-0 pt-0 fs-13">{{ $user->role->name }}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card panel-theme">
                    <div class="card-header">
                        <div class="float-start">
                            <h3 class="card-title">Contact</h3>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="card-body no-padding">
                        <ul class="list-group no-margin">
                            <li class="list-group-item d-flex ps-3">
                                <div class="social social-profile-buttons me-2">
                                    <a class="social-icon text-primary" href=""><i class="fe fe-mail"></i></a>
                                </div>
                                <span class="my-auto">{{ $user->email }}</span>
                            </li>
                            <li class="list-group-item d-flex ps-3">
                                <div class="social social-profile-buttons me-2">
                                    <a class="social-icon text-primary" href=""><i class="fe fe-phone"></i></a>
                                </div>
                                <span class="my-auto">{{ $user->phone }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-8">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Detil Profil</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleInputname">Nama Depan</label>
                                    <input type="text" class="form-control" id="exampleInputname"
                                        placeholder="Enter First Name" value="{{ $user->first_name }}">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleInputname1">Nama Belakang</label>
                                    <input type="text" class="form-control" id="exampleInputname1"
                                        placeholder="Enter Last Name" value="{{ $user->last_name }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputEmail1">Email</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email address"
                                value="{{ $user->email }}">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputnumber">No Handphone</label>
                            <input type="number" class="form-control" id="exampleInputnumber" placeholder="Contact number"
                                value="{{ $user->phone }}">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputnumber">Provinsi</label>
                            <input type="text" class="form-control" id="input-form" placeholder="Provinsi"
                                value="{{ isset($user->detail) && isset($user->detail->province) ? $user->detail->province->name : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="input-form">Kota</label>
                            <input type="text" class="form-control" id="input-form" placeholder="Kota"
                                value="{{ isset($user->detail) && isset($user->detail->city) ? $user->detail->city->name : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="input-form">Kecamatan</label>
                            <input type="text" class="form-control" id="input-form" placeholder="Kecamatan"
                                value="{{ isset($user->detail) && isset($user->detail->district) ? $user->detail->district->name : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="input-form">Kelurahan</label>
                            <input type="text" class="form-control" id="input-form" placeholder="Kelurahan"
                                value="{{ isset($user->detail) && isset($user->detail->subdistrict) ? $user->detail->subdistrict->name : '' }}">
                        </div>
                        <div class="form-group">
                            <label for="input-form">Alamat</label>
                            <input type="text" class="form-control" id="input-form" placeholder="Alamat"
                                value="{{ isset($user->detail) && isset($user->detail->address) ? $user->detail->address : '' }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ROW-1 CLOSED -->
    </div>
    <!--CONTAINER CLOSED -->
@endsection
<script>
    $(function() {

    });
</script>
@section('scripts')
@endsection