@extends('layouts.app')
@section('title','Payroll / Gaji')
@section('content')
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
 <div><h4 class="mb-1">Periode Penggajian</h4><div class="text-muted small">Buat periode gaji berdasarkan bulan/tahun dan rentang tanggal yang menjadi dasar perhitungan payroll.</div></div>
</div>
<div class="card sgi-card p-3 mb-3">
 <div class="fw-semibold mb-1">Buat Periode Penggajian</div>
 <div class="text-muted small mb-3">Bulan dan tahun menunjukkan periode gaji. Tanggal awal dan akhir menentukan transaksi/presensi yang dihitung. Tanggal pembayaran bersifat opsional.</div>
 <form method="post" action="{{route('payroll.period.store')}}" class="row g-3">@csrf
  <div class="col-md-2"><label class="form-label">Bulan Periode Penggajian</label><select name="bulan" class="form-select" required>@for($i=1;$i<=12;$i++)<option value="{{$i}}" @selected($i==(int)date('n'))>{{str_pad($i,2,'0',STR_PAD_LEFT)}} - {{\Carbon\Carbon::create()->month($i)->locale('id')->monthName}}</option>@endfor</select></div>
  <div class="col-md-2"><label class="form-label">Tahun Periode Penggajian</label><input type="number" name="tahun" value="{{date('Y')}}" min="2000" max="2100" class="form-control" required></div>
  <div class="col-md-3"><label class="form-label">Tanggal Awal Periode Penggajian</label><input type="date" name="tanggal_awal" class="form-control" required><div class="form-text">Mulai tanggal yang diperhitungkan.</div></div>
  <div class="col-md-3"><label class="form-label">Tanggal Akhir Periode Penggajian</label><input type="date" name="tanggal_akhir" class="form-control" required><div class="form-text">Tanggal terakhir yang diperhitungkan.</div></div>
  <div class="col-md-2"><label class="form-label">Tanggal Pembayaran</label><input type="date" name="tanggal_pembayaran" class="form-control"><div class="form-text">Tanggal pembayaran gaji.</div></div>
  <div class="col-12"><button class="btn btn-success">Buat Periode Penggajian</button></div>
 </form>
</div>
<div class="card sgi-card"><div class="table-responsive"><table class="table table-hover align-middle mb-0"><thead><tr><th>Periode Penggajian</th><th>Tanggal Awal</th><th>Tanggal Akhir</th><th>Tgl Pembayaran</th><th>Status</th><th class="text-end">Aksi</th></tr></thead><tbody>@forelse($items as $p)<tr><td><strong>{{str_pad($p->bulan,2,'0',STR_PAD_LEFT)}}/{{$p->tahun}}</strong></td><td>{{$p->tanggal_awal}}</td><td>{{$p->tanggal_akhir}}</td><td>{{$p->tanggal_pembayaran ?: '-'}}</td><td><span class="badge text-bg-{{$p->status==='FINAL'?'success':($p->status==='DIPROSES'?'warning':'secondary')}}">{{$p->status}}</span></td><td class="text-end"><a class="btn btn-sm btn-primary" href="{{route('payroll.show',$p)}}">Buka</a>@if($p->status==='DRAFT')<form class="d-inline" method="post" action="{{route('payroll.generate',$p)}}">@csrf<button class="btn btn-sm btn-success">Generate Payroll</button></form>@endif</td></tr>@empty<tr><td colspan="6" class="text-center text-muted py-4">Belum ada periode penggajian.</td></tr>@endforelse</tbody></table></div></div>
@include('components.pagination',['paginator'=>$items])
@endsection