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

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

@push('css')

@endpush

@section ('back')
<a href="{{route('dashboard.master.dokter.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->nama }}</h1>
        <p class="color-white opacity-70">{{ $data->username }}</p>
        <a href="{{route('dashboard.master.dokter.edit', $data->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">TTL</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->tempat_lahir}}, {{ \Carbon\Carbon::parse($data->tgl_lahir)->format('d/m/Y') }}</span>
            </div>
            <div class="ms-auto">
                <!-- <i class="fa fa-phone 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">Jenis Kelamin</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->jenis_kelamin}}</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">No HP</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->no_hp}}</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">No STR</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->no_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->no_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">Alamat</span>
                <span class="default-link d-block color-theme font-15 font-400">{{$data->alamat}}</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 KTP</span>
                <span class="default-link d-block color-theme font-15 font-400"><a href="{{ env('APP_URL').'/'.$data->ktp_filepath }}" target="_blank">{{$data->ktp_filename}}</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 SIP</span>
                <span class="default-link d-block color-theme font-15 font-400"><a href="{{ env('APP_URL').'/'.$data->sip_filepath }}" target="_blank">{{$data->sip_filename}}</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->str_filepath }}" target="_blank">{{$data->str_filename}}</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->ijazah_filepath }}" target="_blank">{{$data->ijazah_filename}}</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