@extends('Layouts_admin.index')
@section('content')
@if(!empty($courses))
    @foreach($courses as $countc)

        

    @endforeach
@endif
<div class="container pt-4 px-5">
    @foreach($profile as $prf)
            <div class="row">
                <div class="col-md-7">
                    <div class="card rounded mb-4">
                        <div class="card-body pt-2 pb-0 px-6">
                            <h5 class="text-card mb-2 fw-semibold">Profil</h5>
                        </div>
                        <div class="row card-body align-items-center d-lg-flex px-0 pt-0 pb-3">
                            <div class="col-md-5 col-lg-5 d-flex justify-content-center mb-2 mb-md-1">
                                <figure>
                                    <img src="" alt="User Image" class="avatar-img rounded fp fp-md fp-lg">
                                </figure>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="row">
                                    <h2 class="fs-30 mb-0 text-center text-md-start px-md-0">{{ $prf->fullname }}</h2>
                                    <div class="col-md-12 ps-9 ps-md-0">
                                        <div class="row">
                                            <div class="col-md-6 col-6 d-flex justify-content-between">
                                                <div class="mentor-type mb-0 text-start fw-semibold">Tanggal Daftar</div>
                                                <div class="mentor-type mb-0 text-start fw-semibold">:</div>
                                            </div>
                                            <p class="col-md-6 col-6 mentor-type mb-0 ps-md-0 ps-lg-3 ps-3">{{ isset($contact->user[0]->created_at) ? (new DateTime($contact->user[0]->created_at))->format('d-m-Y') : '' }}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ps-9 ps-md-0">
                                        <div class="row">
                                            <div class="col-md-6 col-6 d-flex justify-content-between">
                                                <div class="mentor-type mb-0 text-start fw-semibold">Status Personil</div>
                                                <div class="mentor-type mb-0 text-start fw-semibold">:</div>
                                            </div>
                                            <p class="col-md-6 col-6 mentor-type mb-0 ps-md-0 ps-lg-3 ps-3">{{ isset($contact->status->status) ? $contact->status->status : '-' }}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 ps-9 ps-md-0">
                                        <div class="row">
                                            <div class="col-md-6 col-6 d-flex justify-content-between">
                                                <div class="mentor-type mb-0 text-start fw-semibold">ID</div>
                                                <div class="mentor-type mb-0 text-start fw-semibold">:</div>
                                            </div>
                                            <p class="col-md-6 col-6 mentor-type mb-0 ps-md-0 ps-lg-3 ps-3">{{ isset($contact->sim_id) ? $contact->sim_id : '-' }}</p>
                                        </div>
                                    </div>
                                    @if(isset($contact->sim_id))
                                    <div class="col-md-12 ps-9 ps-md-0">
                                        <div class="row">
                                            <div class="col-md-6 col-6 d-flex justify-content-between">
                                                <div class="mentor-type mb-0 text-start fw-semibold">Job</div>
                                                <div class="mentor-type mb-0 text-start fw-semibold">:</div>
                                            </div>
                                            <p class="col-md-6 col-6 mentor-type mb-0 ps-md-0 ps-lg-3 ps-3">{{ isset($contact->job->job) ? $contact->job->job : '-' }}</p>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-md-5 col-lg-4 d-flex justify-content-center mb-2 mb-md-1">
                    
                    <div class="d-flex align-items-center">
                        <div class="pe-8">
                            <img src="{{ asset('/assets/img/avatars/t3.jpg')}}" alt="User Image" width="135" height="135" class="avatar-img rounded-circle">
                        </div>
                        <div class="">
                            <h2 class="fs-37 mb-0">{{ $prf->fullname }}</h2>
                            <p class="mentor-type mb-0">Tanggal Daftar :<span class="mb-0 ms-1">{{ isset($contact->user[0]->created_at) ? (new DateTime($contact->user[0]->created_at))->format('d-m-Y') : '' }}</span></p>
                            
                            <p class="mentor-type mb-0">Status Personil :<span class="mb-0 ms-1">{{ isset($contact->status->status) ? $contact->status->status : '-' }}</span></p>
            
                            <p class="mentor-type mb-0">Job :<span class="mb-0 ms-1"></span></p>
    
                            <p class="mentor-type mb-0">ID :<span class=" fs-13 mb-0 ms-1"></span></p>
                        </div>
                    </div>
                </div> -->
                <div class="col-md-5">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card mb-4">
                                <div class="card-body pt-2 pb-1 px-6">
                                    <h5 class="text-card fw-semibold mb-0">Statistik Course</h5>
                                </div>
                                <div class="card-body py-sm-3 py-lg-2 py-md-1 py-2 px-md-3 px-lg-5 px-3">
                                    <div class="row d-flex justify-content-center row">
                                        <div class="col-xs-6 d-flex mb-3">
                                            <i  class="bx bx-book-bookmark  text-purple p-2 rounded" style="font-size: 1.6rem; background-color: #e3e3e3;"></i>
                                            <div class="ms-2">
                                                <h4 class="text-muted fs-14 mb-0 d-flex" style="height: 15px;">Jumlah <span class="d-none d-xl-block ms-1">Pelatihan</span></h4>
                                                <h4 class="fs-27 text-dark mb-0 fw-semibold" style="height: 20px;">1</h4>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 d-flex mb-3">
                                            <i  class="fa-regular fa-circle-check  text-success bg-soft-green p-2 rounded" style="font-size: 1.6rem;"></i>
                                            <div class="ms-2">
                                                <h4 class="text-muted fs-14 mb-0 d-flex" style="height: 15px;"><span class="d-none d-xl-block me-1">Sudah </span> Selesai</h4>
                                                <h4 class="fs-27 text-dark mb-0 fw-semibold" style="height: 20px;">0</h4>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 d-flex mb-3">
                                            <i  class="bx bx-briefcase-alt text-warning bg-soft-orange p-2 rounded" style="font-size: 1.6rem;"></i>
                                            <div class="ms-2">
                                                <h4 class="text-muted fs-14 mb-0 d-flex" style="height: 15px;"><span class="d-none d-xl-block">Belum Mulai</span><span class="d-block d-xl-none"> Baru</span></h4>
                                                <h4 class="fs-27 text-dark mb-0 fw-semibold" style="height: 20px;">0</h4>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 d-flex mb-3">
                                            <i  class="fa-regular fa-clock  text-blue bg-soft-blue p-2 rounded" style="font-size: 1.6rem;"></i>
                                            <div class="ms-2">
                                                <h4 class="text-muted fs-14 mb-0 d-flex" style="height: 15px; "><span class="d-none d-xl-block me-1">Sedang </span>Belajar</h4>
                                                <h4 class="fs-27 text-dark mb-0 fw-semibold" style="height: 20px;">1</h4>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card rounded pt-0 pb-5 px-md-7 px-3 shadow-lg">
                    <div class="card-body pt-2 px-0">
                        <div class="tab-content px-4">
                            <div class="tab-pane fade show active" id="tab1-1">
                                <form method="post" id="form-profile" action="{{ url('/updatePeserta') }}">
                                    <div class="row form-row pt-0">
                                        <div class="col-lg-12 mb-4"><h5 class="text-ash fw-semibold">Informasi Profil</span> </h5></div>
                                        <input type="hidden" name="id_lms" value="123">
                                        <input type="hidden" name="id_contact" value="123">
                                            <div class="col-12 col-md-12">
                                                <div class="form-group">
                                                    <label class="mentor-type">Nama Lengkap</label>
                                                    <input type="text" class="form-control" value="{{ $prf->firstname }} {{ $prf->lastname }}" name="firstname" readonly="">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">Status Personil</label>
                                                    <input type="text" class="form-control bg-soft-blue" value="{{ isset($contact->status->status) ? $contact->status->status : '' }}" readonly disabled>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">Email</label>
                                                    <input class="form-control" type="email" class="form-control" value="{{ $prf->email }}" name="email" readonly="">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">SIM ID</label>
                                                    <input type="text" class="form-control" value="{{ isset($contact->sim_id) ? $contact->sim_id : '' }}" disabled>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">NIK</label>
                                                    <input type="text" class="form-control" value="{{ isset($contact->nik) ? $contact->nik : '' }}" name="nik" <input type="text" class="form-control" value="{{ isset($contact->nik) ? $contact->nik : '' }}" name="nik" >
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <label class="mentor-type">Job</label>
                                                <input type="text" class="form-control" value="{{ isset($contact->job->job) ? $contact->job->job : '' }}" readonly disabled>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                <label class="mentor-type">Domisili</label>
                                                    <input type="text" class="form-control" value="{{ isset($prf->city) ? $prf->city : '' }}" readonly="">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                <label class="mentor-type">Nomor Telepon</label>
                                                    <input type="text" class="form-control" value="{{ isset($contact->telp) ? $contact->telp : '' }}" readonly>
                                                </div>
                                            </div>
                                            
                                            <div class="col-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">Klien</label>
                                                    <input type="text" class="form-control" value="{{ isset($contact->client->client) ? $contact->client->client : '' }}" readonly disabled>
                                                </div>
                                            </div>
                                            <div class="col-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="mentor-type">Network</label>
                                                    <input type="text" class="form-control" value="{{ isset($contact->network->nama_network) ? $contact->network->nama_network : '' }}" readonly disabled>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <!-- <a href="#" class="btn btn-outline-primary py-1 fw-normal fs-12 float-end ms-4">Batal</a> -->
                                            <!-- <a href="#" onclick="updateProfil()" class="btn btn-primary py-1 fw-normal fs-12 float-end">Simpan</a> -->
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    @endforeach
</div>

<style>
    a.hov:hover{
        background-color: #54a8c7 !important;
    }
</style>
    
<!-- /.container -->
@endsection