@extends("backend.layout-sticky.master")

@section("title")
    Profile - Sistem Klinik
@endsection

@push('css')

@endpush

@section ('back')
<!-- <a href="#" data-back-button="" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a> -->
<a href="{{route('user.index')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>

@endsection

@section ('content')

<div data-card-height="200" class="card card-style preload-img" data-src="{{asset('sticky-mobile/code/images/pictures/14w.jpg')}}">
    <div class="card-center text-center">
        <h1 class="font-22 color-white pt-3">{{ $data->name }}</h1>
        <p class="color-white opacity-70">{{ $data->gaji->nama }}</p>
        <a href="{{route('dashboard.profile.profile.index', Auth::user()->id) }}" class="default-link btn btn-m rounded-s btn-center-xs bg-red-dark font-900 text-uppercase"><i class="fas fa-pencil-alt"></i> Edit</a>
    </div>
    <div class="card-overlay bg-black opacity-80"></div>
</div>

<div class="card card-style">
    <div class="content">

        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">Username</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->username}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">Roles</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->toRole->name ?? ''}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">No HP</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->mobile_telephone}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">Email</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->email}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-suitcase color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>

        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">Alamat</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->address}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>

        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">No STR</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->str}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">NIK</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->nik}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">No SIP</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->sip}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">No Ijazah</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->ijazah}}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>

        <div class="divider my-3"></div>

        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">File SIP</span>
                <span class="default-link d-block color-theme font-15 font-400"><a href="{{ env('APP_URL').'/'.$data->filepath_sip}}" target="_blank">{{$data->filename_sip}}</span></a>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">File STR</span>
                <span class="default-link d-block color-theme font-15 font-400"><a href="{{ env('APP_URL').'/'.$data->filename_str }}" target="_blank">{{$data->filename_str}}</span></a>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
        <div class="divider my-3"></div>
        <a class="default-link d-flex">
            <div>
                <span class="font-11 d-block mb-n2 opacity-50 color-theme">File Ijazah</span>
                <span class="default-link d-block color-theme font-15 font-400"><a href="{{ env('APP_URL').'/'.$data->filepath_ijazah }}" target="_blank">{{$data->filename_ijazah}}</span></a>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-user color-theme opacity-30 pt-3 mt-1"></i> -->
            </div>
        </a>
    </div>
</div>
@endsection

@push('js')
<!-- Page level custom scripts -->
<script>
</script>
@endpush