@extends('layouts.app')

@section('title','Penggajian')

@section('content')

<div class="container-fluid">

    {{-- HEADER --}}
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h3 class="font-weight-bold mb-1">
                Penggajian Guru & Staff
            </h3>

            <p class="text-muted mb-0">
                Periode {{ \Carbon\Carbon::parse($periode.'-01')->translatedFormat('F Y') }}
            </p>

        </div>

        <div>

            <a href="/penggajian/generate" class="btn btn-success btn-modern">
                <i class="bi bi-gear-fill"></i>
                Generate
            </a>

            <a href="/penggajian/create" class="btn btn-primary btn-modern">
                <i class="bi bi-plus-circle"></i>
                Tambah
            </a>

            <a href="/penggajian/export" class="btn btn-dark btn-modern">
                <i class="bi bi-file-earmark-excel"></i>
                Export
            </a>

        </div>

    </div>

    {{-- FILTER --}}
    <div class="card card-modern mb-4">

        <div class="card-body">

            <form method="GET">

                <div class="row">

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

                        <input
                            type="month"
                            name="periode"
                            value="{{ $periode }}"
                            class="form-control">

                    </div>

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

                        <button class="btn btn-primary btn-modern w-100">

                            <i class="bi bi-funnel-fill"></i>

                            Filter

                        </button>

                    </div>

                </div>

            </form>

        </div>

    </div>

    {{-- STATISTIK --}}
    <div class="row mb-4">

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

            <div class="small-card">

                <div>

                    <small>Total Guru</small>

                    <h2>{{ $totalGuru }}</h2>

                </div>

                <div class="small-icon bg-primary">

                    <i class="bi bi-mortarboard-fill"></i>

                </div>

            </div>

        </div>

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

            <div class="small-card">

                <div>

                    <small>Total Penggajian</small>

                    <h4>

                        Rp {{ number_format($totalGaji,0,',','.') }}

                    </h4>

                </div>

                <div class="small-icon bg-success">

                    <i class="bi bi-cash-stack"></i>

                </div>

            </div>

        </div>

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

            <div class="small-card">

                <div>

                    <small>Total Data</small>

                    <h2>{{ $penggajian->count() }}</h2>

                </div>

                <div class="small-icon bg-warning">

                    <i class="bi bi-clipboard-data-fill"></i>

                </div>

            </div>

        </div>

    </div>

    {{-- TABEL --}}
    <div class="card card-modern">

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

            <h5 class="mb-0">

                <i class="bi bi-wallet2 text-success mr-2"></i>

                Data Penggajian

            </h5>

        </div>

        <div class="card-body">

            <div class="table-responsive">

                <table class="table table-modern table-striped align-middle datatable w-100">

                    <thead class="table-light">
                    <tr>

                        <th style="min-width:220px">Nama</th>

                        <th width="80" class="text-center">
                            JP
                        </th>

                        <th width="120" class="text-end">
                            Tarif
                        </th>

                        <th width="130" class="text-end">
                            Insentif
                        </th>

                        <th width="140" class="text-end">
                            Gaji Staff
                        </th>

                        <th width="160" class="text-end">
                            Jabatan Tambahan
                        </th>

                        <th width="120" class="text-end">
                            Potongan
                        </th>

                        <th width="150" class="text-end">
                            Gaji Bersih
                        </th>

                        <th width="170" class="text-center">
                            Aksi
                        </th>

                    </tr>
                    </thead>

                    <tbody>

                    @forelse($penggajian as $p)

                    <tr>

                        <td>
                        <div class="fw-bold">
                        {{ $p->guru?->nama ?? $p->staff?->nama }}
                        </div>
                            <small class="text-muted">
                                {{ $p->guru ? 'Guru' : 'Staff' }}
                            </small>
                        </td>

                        <td class="text-center">
                            {{ $p->total_jam }}
                            <span class="badge bg-secondary">
                                JP
                            </span>
                        </td>

                        <td class="text-end text-nowrap">
                            Rp {{ number_format($p->tarif,0,',','.') }}
                        </td>

                        <td class="text-end">
                            <span class="badge bg-success">
                                Rp {{ number_format($p->tunjangan,0,',','.') }}
                            </span>
                        </td>

                        <td class="text-end text-nowrap">
                            Rp {{ number_format($p->gaji_staff,0,',','.') }}
                        </td>

                        <td class="text-end text-nowrap">
                        @if($p->jabatan_tambahan>0)
                            <span class="badge bg-primary">
                                Rp {{ number_format($p->jabatan_tambahan,0,',','.') }}
                            </span>
                        @else

                        -

                        @endif

                        </td>

                        <td class="text-end">
                        @if($p->potongan>0)
                            <span class="badge bg-danger">
                                Rp {{ number_format($p->potongan,0,',','.') }}
                            </span>
                        @else

                        -

                        @endif
                        </td>

                        <td class="text-end">
                            <strong class="text-primary fs-6">
                                Rp {{ number_format($p->gaji_bersih,0,',','.') }}
                            </strong>
                        </td>

                        <td class="text-center text-nowrap">
                            <a href="/penggajian/{{ $p->id }}"
                               class="btn btn-info btn-sm rounded-circle"
                               title="Detail">
                                <i class="bi bi-eye"></i>
                            </a>

                            <a href="/penggajian/{{ $p->id }}/edit"
                               class="btn btn-warning btn-sm rounded-circle"
                               title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>

                            <a href="/penggajian/slip/{{ $p->id }}"
                               target="_blank"
                               class="btn btn-success btn-sm rounded-circle"
                               title="Slip">
                                <i class="bi bi-printer"></i>
                            </a>

                            <form
                                action="/penggajian/{{ $p->id }}"
                                method="POST"
                                class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button
                                    class="btn btn-danger btn-sm rounded-circle"
                                    onclick="return confirm('Hapus data penggajian?')">
                                    <i class="bi bi-trash"></i>
                                </button>

                            </form>

                        </td>

                    </tr>

                    @empty

                    <tr>

                        <td colspan="8" class="text-center text-muted py-5">

                            <i class="bi bi-wallet2 display-4 d-block mb-3"></i>

                            Belum ada data penggajian.

                        </td>

                    </tr>

                    @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

@endsection