@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="show" :icon="$icon" :label="$label" hr-class="mb-4" />
            <table class="table table-striped">
                <tr>
                    <th>NOMOR</th>
                    <td>{{$diklat->number}}</td>
                </tr>
                <tr>
                    <th>TANGGAL</th>
                    <td>{{Common::dateFormat($diklat->start_date) ." s/d ".Common::dateFormat($diklat->end_date)}}</td>
                </tr>
                <tr>
                    <th>TEMPAT</th>
                    <td>{{$diklat->places}}</td>
                </tr>
                <tr>
                    <th>TOTAL</th>
                    <td>{{number_format($diklat->total,0,',','.')}}</td>
                </tr>
                <tr>
                    <th>TUJUAN</th>
                    <td>{!!$diklat->purposes!!}</td>
                </tr>

            </table>

            <div class="mt-3">
                <x-section-form label="Karyawan" icon="mdi mdi-certificate-outline" />

            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>NIP</th>
                        <th>NAMA</th>
                        <th>JABATAN</th>
                        <th>BIAYA</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($diklat->employee_list as $employee)
                        <tr>
                            <td>{{$employee['nip']}}</td>
                            <td>{{$employee['name']}}</td>
                            <td>{{$employee['position']}}</td>
                            <td>{{number_format($employee['fee'],0,',','.')}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            </div>
        </div>
    @endsection