@extends('layouts.app')

@section('content')

<div class="card shadow-sm border-0">

    <div class="card-header bg-white d-flex justify-content-between align-items-center">

        <h4 class="mb-0">
            Detail Penggajian
        </h4>

        <span class="badge bg-primary">
            {{ $penggajian->periode }}
        </span>

    </div>

    <div class="card-body">

        <div class="row mb-4">

            <div class="col-md-6">

                <table class="table table-borderless mb-0">

                    <tr>
                        <th width="170">
                            {{ $penggajian->guru_id ? 'Nama Guru' : 'Nama Staff' }}
                        </th>
                    
                        <td>
                            @if($penggajian->guru)
                                {{ $penggajian->guru->nama }}
                            @elseif($penggajian->staff)
                                {{ $penggajian->staff->nama }}
                            @else
                                -
                            @endif
                        </td>
                    </tr>

                    <tr>
                        <th>Periode</th>
                        <td>{{ $penggajian->periode }}</td>
                    </tr>

                    <tr>
                        <th>Total Jam</th>
                        <td>{{ $penggajian->total_jam }} Jam</td>
                    </tr>

                    <tr>
                        <th>Tarif / Jam</th>
                        <td>
                            Rp {{ number_format($penggajian->tarif) }}
                        </td>
                    </tr>

                </table>

            </div>

            <div class="col-md-6">

                <div class="card bg-light border-0">

                    <div class="card-body">

                        <h6 class="text-muted mb-3">
                            Total Gaji Bersih
                        </h6>

                        <h2 class="text-primary fw-bold mb-0">
                            Rp {{ number_format($penggajian->gaji_bersih) }}
                        </h2>

                    </div>

                </div>

            </div>

        </div>

        <h5 class="mb-3">
            Rincian Perhitungan Gaji
        </h5>

        <div class="table-responsive">

            <table class="table table-hover table-bordered align-middle">

                <thead class="table-light">

                    <tr>

                        <th>Keterangan</th>
                        <th width="250" class="text-end">Nominal</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td>Gaji Mengajar</td>

                        <td class="text-end">

                            Rp {{ number_format($penggajian->total_jam * $penggajian->tarif) }}

                        </td>

                    </tr>

                    <tr>

                        <td>Insentif Mengajar</td>

                        <td class="text-end text-success">

                            Rp {{ number_format($penggajian->tunjangan) }}

                        </td>

                    </tr>

                    <tr>

                        <td>Gaji Staff</td>

                        <td class="text-end text-info">

                            Rp {{ number_format($penggajian->gaji_staff) }}

                        </td>

                    </tr>

                    <tr>

                        <td>Potongan</td>

                        <td class="text-end text-danger">

                            Rp {{ number_format($penggajian->potongan) }}

                        </td>

                    </tr>

                </tbody>

                <tfoot>

                    <tr class="table-primary">

                        <th>GAJI BERSIH</th>

                        <th class="text-end">

                            Rp {{ number_format($penggajian->gaji_bersih) }}

                        </th>

                    </tr>

                </tfoot>

            </table>
            
                    @if($detailPotongan->count())

        <div class="card shadow-sm mt-4">

            <div class="card-header bg-white">

                <h5 class="mb-0">

                    <i class="fas fa-minus-circle text-danger me-2"></i>

                    Detail Potongan Kehadiran

                </h5>

            </div>

            <div class="card-body p-0">

                <div class="table-responsive">

                    <table class="table table-bordered table-hover mb-0">

                        <thead class="table-light">

                            <tr>

                                <th width="160">Tanggal</th>
                                <th>Hari</th>
                                <th>Kelas</th>
                                <th class="text-center" width="120">JP</th>
                                <th class="text-end" width="180">Potongan</th>

                            </tr>

                        </thead>

                        <tbody>

                            @foreach($detailPotongan as $d)

                            <tr>

                                <td>
                                    {{ \Carbon\Carbon::parse($d['tanggal'])->format('d-m-Y') }}
                                </td>

                                <td>
                                    {{ $d['hari'] }}
                                </td>
                                
                                <td>
                                    {{ $d['kelas'] }}
                                </td>

                                <td class="text-center">
                                    {{ $d['jam'] }} JP
                                </td>

                                <td class="text-end text-danger fw-bold">
                                    Rp {{ number_format($d['potongan'],0,',','.') }}
                                </td>

                            </tr>

                            @endforeach

                        </tbody>

                        <tfoot>

                            <tr class="table-danger">

                                <th colspan="3">
                                    Total Alpha
                                </th>

                                <th class="text-center">
                                    {{ $detailPotongan->sum('jam') }} JP
                                </th>

                                <th class="text-end">
                                    Rp {{ number_format($detailPotongan->sum('potongan'),0,',','.') }}
                                </th>

                            </tr>

                        </tfoot>

                    </table>

                </div>

            </div>

        </div>

        @endif

        </div>

        <div class="d-flex justify-content-end mt-4">

            <a href="/penggajian"
               class="btn btn-secondary me-2">

                Kembali

            </a>

            <a href="/penggajian/{{ $penggajian->id }}/edit"
               class="btn btn-warning me-2">

                Edit

            </a>

            <a href="/penggajian/slip/{{ $penggajian->id }}"
               target="_blank"
               class="btn btn-success">

                Cetak Slip

            </a>

        </div>

    </div>

</div>

@endsection