@extends('layouts.admin')

@php
    use Illuminate\Support\Facades\Auth;
@endphp

@section('content')

    <!--**********************************
        Content body start
    ***********************************-->
    <div class="content-body">
        <div class="container-fluid">
            <div class="row page-titles mx-0">
                <div class="col-sm-6 p-md-0">
                    <div class="welcome-text">
                        <h4>Edit Setoran</h4>
                        <span class="ml-1">Perbarui informasi setoran di bawah ini</span>
                    </div>
                </div>
                <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.setoran.index') }}">Setoran</a></li>
                        <li class="breadcrumb-item active">Edit</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Form Edit Setoran</h4>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.setoran.update', $setoran->id_setoran) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="form-group">
                                    <label for="id_user"><strong>User</strong></label>
                                    <select name="id_user" id="id_user" class="form-control custom-select" required>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id_user }}" {{ $setoran->id_user == $user->id_user ? 'selected' : '' }}>{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="id_lokasi"><strong>Lokasi</strong></label>
                                    <select name="id_lokasi" id="id_lokasi" class="form-control custom-select" required>
                                        @foreach ($lokasis as $lokasi)
                                            <option value="{{ $lokasi->id_lokasi }}" {{ $setoran->id_lokasi == $lokasi->id_lokasi ? 'selected' : '' }}>{{ $lokasi->nama_lokasi }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="jenis_setoran"><strong>Jenis Setoran</strong></label>
                                    <select name="jenis_setoran" id="jenis_setoran" class="form-control custom-select" required>
                                        <option value="Parkir" {{ $setoran->jenis_setoran == 'Parkir' ? 'selected' : '' }}>Setoran Parkir</option>
                                        <option value="Security" {{ $setoran->jenis_setoran == 'Security' ? 'selected' : '' }}>Setoran Security</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="shift"><strong>Shift</strong></label>
                                    <select name="shift" id="shift" class="form-control custom-select" required>
                                        <option value="Shift 1" {{ $setoran->shift == 'Shift 1' ? 'selected' : '' }}>Shift 1</option>
                                        <option value="Shift 2" {{ $setoran->shift == 'Shift 2' ? 'selected' : '' }}>Shift 2</option>
                                        <option value="Middle" {{ $setoran->shift == 'Middle' ? 'selected' : '' }}>Middle</option>
                                    </select>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="pendapatan_awal"><strong>Pendapatan Awal</strong></label>
                                        <input type="number" name="pendapatan_awal" id="pendapatan_awal" class="form-control" value="{{ old('pendapatan_awal', $setoran->pendapatan_awal) }}" step="0.01" required>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="pengeluaran"><strong>Pengeluaran</strong></label>
                                        <input type="number" name="pengeluaran" id="pengeluaran" class="form-control" value="{{ old('pengeluaran', $setoran->pengeluaran) }}" step="0.01" required>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="pendapatan_akhir"><strong>Pendapatan Akhir</strong></label>
                                        <input type="number" name="pendapatan_akhir" id="pendapatan_akhir" class="form-control" value="{{ $setoran->pendapatan_akhir }}" step="0.01" readonly>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="pendapatan_sistem"><strong>Pendapatan Sistem</strong></label>
                                        <input type="number" name="pendapatan_sistem" id="pendapatan_sistem" class="form-control" value="{{ old('pendapatan_sistem', $setoran->pendapatan_sistem) }}" step="0.01" required>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="selisih_setoran"><strong>Selisih Setoran</strong></label>
                                    <input type="number" name="selisih_setoran" id="selisih_setoran" class="form-control" value="{{ $setoran->selisih_setoran }}" step="0.01" readonly>
                                </div>

                                <div class="form-group">
                                    <label for="keterangan"><strong>Keterangan</strong></label>
                                    <input type="text" name="keterangan" id="keterangan" class="form-control" value="{{ old('keterangan', $setoran->keterangan) }}" required>
                                </div>

                                <div class="form-group">
                                    <label for="tanggal_transaksi"><strong>Tanggal Transaksi</strong></label>
                                    <input type="datetime-local" name="tanggal_transaksi" id="tanggal_transaksi" class="form-control" value="{{ old('tanggal_transaksi', $setoran->tanggal_transaksi) }}" required>
                                </div>

                                <div class="form-group">
                                    <label for="nomor_hp"><strong>Nomor HP</strong></label>
                                    <input type="text" name="nomor_hp" id="nomor_hp" class="form-control" value="{{ old('nomor_hp', $setoran->nomor_hp) }}" required>
                                </div>

                                <div class="d-flex justify-content-between">
                                    <a href="{{ route('admin.setoran.index') }}" class="btn btn-secondary">Kembali</a>
                                    <button type="submit" class="btn btn-success">Update</button>
                                </div>
                            </form>

                            <!-- Tombol Validasi dan Belum Valid -->
                            @if(Auth::user()->isAdmin())
                            <div class="form-group row mt-3">
                                <div class="col-sm-10 offset-sm-2">
                                    <!-- Validasi -->
                                    <form action="{{ route('admin.setoran.validate', $setoran->id_setoran) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('PUT')
                                        <button type="submit" class="btn btn-primary">Validasi</button>
                                    </form>

                                    <!-- Belum Valid -->
                                    <form action="{{ route('admin.setoran.unvalidate', $setoran->id_setoran) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('PUT')
                                        <button type="submit" class="btn btn-danger">Belum Valid</button>
                                    </form>
                                </div>
                            </div>
                            @endif

                        </div>
                        <div class="card-footer">
                            <small class="text-muted">Pastikan semua data diisi dengan benar sebelum menyimpan.</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--**********************************
        Content body end
    ***********************************-->

    <!-- JavaScript for automatic calculations -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const pendapatanAwal = document.getElementById('pendapatan_awal');
            const pengeluaran = document.getElementById('pengeluaran');
            const pendapatanAkhir = document.getElementById('pendapatan_akhir');
            const pendapatanSistem = document.getElementById('pendapatan_sistem');
            const selisihSetoran = document.getElementById('selisih_setoran');

            function calculate() {
                const safeParseFloat = (value) => parseFloat(value) || 0;

                const pendapatanAwalValue = safeParseFloat(pendapatanAwal.value);
                const pengeluaranValue = safeParseFloat(pengeluaran.value);
                const pendapatanSistemValue = safeParseFloat(pendapatanSistem.value);

                pendapatanAkhir.value = (pendapatanAwalValue - pengeluaranValue).toFixed(2);
                selisihSetoran.value = (pendapatanAwalValue - pendapatanSistemValue).toFixed(2);
            }

            pendapatanAwal.addEventListener('input', calculate);
            pengeluaran.addEventListener('input', calculate);
            pendapatanSistem.addEventListener('input', calculate);
        });
    </script>

@endsection