@extends('layouts.master')
@section('meta')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('title')
    {{ $title }}
@endsection
@section('content')
<div class="profile-foreground position-relative mt-2">
    <div class="profile-wid-bg">
        <img src="{{ URL::asset('images/profile/pegawai') }}/{{ $prods->foto}}" alt="" class="profile-wid-img" />
    </div>
</div>
<div class="pt-4 mb-4 mb-lg-3 pb-lg-4 profile-wrapper">
    <div class="row g-4">
        <div class="col-auto">
            <div class="profile-user position-relative d-inline-block mx-auto  mb-4">
                <form method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="id" value="{{ $prods->id}}" class="idkar">
                    <input type="hidden" name="foto_old" value="{{ $prods->foto}}" class="foto_old">
                </form>
                <img src="{{ URL::asset('images/profile/pegawai') }}/{{ $prods->foto}}"
                    class="  rounded-circle avatar-xl img-thumbnail user-profile-image"
                    alt="user-profile-image"
                    onerror="this.src='{{ URL::asset('images/profile/pegawai/user.png') }}'">
                <div class="avatar-xs p-0 rounded-circle profile-photo-edit">
                    <input id="profile-img-file-input" type="file" class="profile-img-file-input">
                    <label for="profile-img-file-input" class="profile-photo-edit avatar-xs">
                        <span class="avatar-title rounded-circle bg-light text-body">
                            <i class="ri-camera-fill"></i>
                        </span>
                    </label>
                    {{-- @error('dari_bersaudara') <span class="text-danger">{{ $message }}</span> @enderror --}}
                </div>
            </div>
        </div>
        <!--end col-->
        <div class="col">
            <div class="p-2">
                <h3 class="text-white mb-1">@if(!empty($prods->gelar_depan)) {{ $prods->gelar_depan }} @endif {{ $prods->nama_depan }} {{ $prods->nama_belakang }}@if(!empty($prods->gelar_belakang)), {{ $prods->gelar_belakang }} @endif </h3>
                <p class="text-white-75">{{ $prods->jenis_kelamin == 1 ? 'Laki-laki':'Perempuan' }}</p>
                <div class="hstack text-white-50 gap-1">
                    <div class="me-2"><i
                            class="ri-map-pin-user-line me-1 text-white-75 fs-16 align-middle"></i>{{ $prods->tempat_lahir }}, {{ \Carbon\Carbon::parse($prods->tanggal_lahir)->format('d F Y') }}</div>
                    <div>{{--<i class="ri-building-line me-1 text-white-75 fs-16 align-middle"></i> sadasd--}}
                    </div>
                </div>
            </div>
        </div>
        <!--end col-->
        <div class="col-12 col-lg-auto order-last order-lg-0">
            <div class="row text text-white-50 text-center">
                <div class="col-lg-6 col-4">
                    <div class="p-2">
                        {{-- <h4 class="text-white mb-1">24.3K</h4>
                        <p class="fs-14 mb-0">Followers</p> --}}
                    </div>
                </div>
                <div class="col-lg-6 col-4">
                    <div class="p-2">
                        {{-- <h4 class="text-white mb-1">1.3K</h4>
                        <p class="fs-14 mb-0">Following</p> --}}
                    </div>
                </div>
            </div>
        </div>
        <!--end col-->

    </div>
    <!--end row-->
</div>

<div class="row">
    <div class="col-lg-12">
        <div>
            <div class="d-flex profile-wrapper">
                <!-- Nav tabs -->
                @include('manajemen.pegawai.nav.list')
            </div>
            <!-- Tab panes -->
            <div class="tab-content pt-4 text-muted">
                <div class="tab-pane active" id="overview-tab" role="tabpanel">
                    <div class="row">
                        <div class="col-xxl-12 col-lg-12">
                            {{-- Log --}}
                            <div class="card">
                                <div class="card-body">
                                    @yield('tab')                                    
                                </div><!-- end card body -->
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->
                </div>
            </div>
            <!--end tab-content-->
        </div>
    </div>
    <!--end col-->
</div>
@endsection
@section('script-tambahan')
    <script src="{{ URL::asset('build/js/pages/profile-setting.init.js') }}"></script>
    <script src="{{ URL::asset('build/libs/prismjs/prism.js') }}"></script>
    <script src="{{ URL::asset('build/js/pages/notifications.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
    <script>
        var csrfToken = $('meta[name="csrf-token"]').attr("content");
    </script>
    @yield('jscontent')
@endsection