@extends('layouts.app')
@section('content')
    <!-- Content -->

    <div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="container">
            <div class="row">

                @if (session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if (session('delete'))
                    <div class="alert alert-danger">{{ session('delete') }}</div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger" role="alert">
                        {!! implode('', $errors->all('<li>:message</li>')) !!}
                    </div>
                @endif

                <!-- Account -->

                <div class="row">
                    <div class="col-md-12">
                        {{-- isi  --}}

                        {{-- isi  --}}
                        <h3 style="text-align: center">{{ $title }}</h3>
                        <p style="text-align: center">
                            {{ date('d-m-Y', strtotime($editKinerja->tanggal)) }}
                        </p>
                        <hr>
                        <form action="{{ route('kinerja.update', $editKinerja->id) }}" method="POST"
                            enctype="multipart/form-data">
                            @method('put')
                            @csrf
                            <div class="row">
                                <!-- Nama Lengkap -->
                                <div class="mb-3 col-md-6">
                                    <label for="user_id" class="form-label">Nama Lengkap Anda</label>
                                    <input class="form-control" type="text" value="{{ $editKinerja->user->name }}"
                                        disabled />
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label for="tanggal" class="form-label">Tanggal</label>
                                    <input type="date" name="tanggal" id="tanggal" class="form-control"
                                        value="{{ old('tanggal', optional($editKinerja)->tanggal ?? '') }}"
                                        placeholder="Nomor Kontrak" />

                                </div>


                                <!-- Jam Mulai -->
                                <div class="mb-3 col-md-6">
                                    <label for="jam_mulai" class="form-label">Jam Mulai</label>
                                    <input type="time" name="jam_mulai" class="form-control"
                                        value="{{ old('jam_mulai', $editKinerja->jam_mulai) }}" />
                                </div>

                                <!-- Jam Selesai -->
                                <div class="mb-3 col-md-6">
                                    <label for="jam_selesai" class="form-label">Jam Selesai</label>
                                    <input type="time" name="jam_selesai" class="form-control"
                                        value="{{ old('jam_selesai', $editKinerja->jam_selesai) }}" />
                                </div>

                                <!-- Jenis Kerja -->
                                <div class="mb-3 col-md-6">
                                    <label for="jenis_kerja_id" class="form-label">Jenis Aktivitas</label>
                                    <select class="form-control" name="jenis_kerja_id"
                                        style="white-space: normal; word-wrap: break-word; overflow-wrap: break-word; width: 100%; height: auto;"
                                        required>
                                        <option value="">Pilih Jenis Aktivitas</option>
                                        @foreach ($jenis as $item)
                                            <option value="{{ $item->id }}"
                                                {{ $editKinerja->jenis_kerja_id == $item->id ? 'selected' : '' }}>
                                                {!! $item->uraian !!}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <!-- Aktivitas Lain -->
                                <div class="mb-3 col-md-6">
                                    <label for="aktivitas_lain" class="form-label">Aktivitas Lain</label>
                                    <input type="text" name="aktivitas_lain" class="form-control"
                                        value="{{ old('aktivitas_lain', $editKinerja->aktivitas_lain) }}"
                                        placeholder="Aktivitas lain jika ada" />
                                </div>

                                <!-- Keterangan -->
                                <div class="mb-3 col-md-12">
                                    <label for="keterangan" class="form-label">Keterangan</label>
                                    <textarea name="keterangan" class="form-control" rows="3">{{ old('keterangan', $editKinerja->keterangan) }}</textarea>
                                </div>

                                <!-- Bukti Foto -->
                                <div class="mb-3 col-md-6">
                                    <label for="bukti_foto" class="form-label">Upload Bukti Foto</label>
                                    <input type="file" name="bukti_foto" class="form-control" />
                                    @if ($editKinerja->bukti_foto)
                                        <img src="{{ asset('storage/' . $editKinerja->bukti_foto) }}"
                                            style="width: 150px; margin-top: 10px;" />
                                    @endif
                                </div>

                                <!-- Status Validasi -->
                                <div class="mb-3 col-md-6">
                                    <label for="status_validasi" class="form-label">Status Validasi</label>
                                    <select name="status_validasi" class="form-select" disabled>
                                        <option value="pending"
                                            {{ $editKinerja->status_validasi == 'pending' ? 'selected' : '' }}>Pending
                                        </option>
                                        <option value="disetujui"
                                            {{ $editKinerja->status_validasi == 'disetujui' ? 'selected' : '' }}>Disetujui
                                        </option>
                                        <option value="ditolak"
                                            {{ $editKinerja->status_validasi == 'ditolak' ? 'selected' : '' }}>Ditolak
                                        </option>
                                    </select>
                                </div>

                                <!-- Latitude -->
                                <div class="mb-3 col-md-6">
                                    <label for="latitude" class="form-label">Latitude</label>
                                    <input type="text" name="latitude" class="form-control"
                                        value="{{ old('latitude', $editKinerja->latitude) }}" placeholder="Latitude"
                                        disabled />
                                </div>

                                <!-- Longitude -->
                                <div class="mb-3 col-md-6">
                                    <label for="longitude" class="form-label">Longitude</label>
                                    <input type="text" name="longitude" class="form-control"
                                        value="{{ old('longitude', $editKinerja->longitude) }}" placeholder="Longitude"
                                        disabled />
                                </div>


                                <!-- Tombol -->
                                <div class="d-grid gap-2 mt-3">
                                    <button type="submit" class="btn btn-primary ">Simpan Perubahan</button>
                                    <a href="{{ url('main/kinerja/create') }}" class="btn btn-danger">Kembali</a>
                                    <button type="reset" class="btn btn-secondary">Reset</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection