@extends('layouts.app')

@section('content')

<div class="card shadow">

    <div class="card-header">

        <h3>Edit Penggajian</h3>

    </div>

    <div class="card-body">

        <form action="/penggajian/{{ $penggajian->id }}" method="POST">

            @csrf
            @method('PUT')

            <div class="row">

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

                    <div class="mb-3">

                        <label>Guru</label>

                        <select
                            name="guru_id"
                            class="form-control">

                            @foreach($guru as $g)

                            <option
                                value="{{ $g->id }}"
                                {{ $penggajian->guru_id==$g->id?'selected':'' }}>

                                {{ $g->nama }}

                            </option>

                            @endforeach

                        </select>

                    </div>

                </div>

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

                    <div class="mb-3">

                        <label>Periode</label>

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

                    </div>

                </div>

            </div>

            <hr>

            <h5>Data Otomatis</h5>

            <div class="row">

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

                    <label>Total Jam</label>

                    <input
                        class="form-control"
                        value="{{ $penggajian->total_jam }}"
                        readonly>

                </div>

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

                    <label>Tarif/Jam</label>

                    <input
                        class="form-control"
                        value="Rp {{ number_format($penggajian->tarif) }}"
                        readonly>

                </div>

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

                    <label>Gaji Mengajar</label>

                    <input
                        class="form-control"
                        value="Rp {{ number_format($penggajian->total_jam * $penggajian->tarif) }}"
                        readonly>

                </div>

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

                    <label>Potongan Alpha</label>

                    <input
                        class="form-control"
                        value="Rp {{ number_format($penggajian->potongan) }}"
                        readonly>

                </div>

            </div>

            <hr>

            <h5>Data Yang Bisa Diubah</h5>

            <div class="row">

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

                    <label>Insentif Mengajar</label>

                    <input
                        type="number"
                        name="tunjangan"
                        value="{{ $penggajian->tunjangan }}"
                        class="form-control">

                </div>

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

                    <label>Gaji Staff</label>

                    <input
                        type="number"
                        name="gaji_staff"
                        value="{{ $penggajian->gaji_staff }}"
                        class="form-control">

                </div>

            </div>

            <br>

            <div class="mb-3">

                <label>Potongan Tambahan</label>

                <input
                    type="number"
                    name="potongan"
                    value="{{ $penggajian->potongan }}"
                    class="form-control">

                <small class="text-muted">

                    Kasbon, denda atau potongan lainnya.

                </small>

            </div>

            <hr>

            <div class="alert alert-success">

                <h4>

                    Total Gaji Bersih

                    <span class="float-end">

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

                    </span>

                </h4>

            </div>

            <button class="btn btn-primary">

                Simpan Perubahan

            </button>

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

                Kembali

            </a>

        </form>

    </div>

</div>

@endsection