@extends('layouts.petugas')

@section('content')

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

<!--**********************************
    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 Kegiatan Bulanan</h4>
                    <span class="ml-1">Perbarui data kegiatan bulanan dengan mudah</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="javascript:void(0)">Dashboard</a></li>
                    <li class="breadcrumb-item active">Edit Kegiatan Bulanan</li>
                </ol>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <!-- Form Utama -->
                        <form action="{{ route('petugas.kegiatan.bulanan.update', $kegiatanBulanan->id_kegiatan) }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <!-- User Selection -->
                            <div class="form-group row">
                                <label for="id_user" class="col-sm-2 col-form-label">Nama User</label>
                                <div class="col-sm-10">
                                    <select name="id_user" id="id_user" class="form-control" required>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id_user }}" {{ $kegiatanBulanan->id_user == $user->id_user ? 'selected' : '' }}>
                                                {{ $user->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- Lokasi Selection -->
                            <div class="form-group row">
                                <label for="id_lokasi" class="col-sm-2 col-form-label">Lokasi</label>
                                <div class="col-sm-10">
                                    <select name="id_lokasi" id="id_lokasi" class="form-control" required>
                                        @foreach ($lokasis as $lokasi)
                                            <option value="{{ $lokasi->id_lokasi }}" {{ $kegiatanBulanan->id_lokasi == $lokasi->id_lokasi ? 'selected' : '' }}>
                                                {{ $lokasi->nama_lokasi }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- Tanggal Kegiatan -->
                            <div class="form-group row">
                                <label for="tanggal_kegiatan" class="col-sm-2 col-form-label">Tanggal</label>
                                <div class="col-sm-10">
                                    <input type="date" name="tanggal_kegiatan" id="tanggal_kegiatan" class="form-control" value="{{ $kegiatanBulanan->tanggal_kegiatan }}" required>
                                </div>
                            </div>

                            <!-- Deskripsi -->
                            <div class="form-group row">
                                <label for="deskripsi" class="col-sm-2 col-form-label">Deskripsi</label>
                                <div class="col-sm-10">
                                    <textarea name="deskripsi" id="deskripsi" class="form-control" rows="5" required>{{ $kegiatanBulanan->deskripsi }}</textarea>
                                </div>
                            </div>

                            <!-- Gambar Sebelum -->
                            <div class="form-group row">
                                <label for="gambar_sebelum" class="col-sm-2 col-form-label">Gambar Sebelum</label>
                                <div class="col-sm-10">
                                    @if ($kegiatanBulanan->gambar_sebelum)
                                        <div class="mb-3">
                                            <img src="{{ asset('storage/'.$kegiatanBulanan->gambar_sebelum) }}" alt="Gambar Sebelum" width="100">
                                        </div>
                                    @endif
                                    <input type="file" name="gambar_sebelum" id="gambar_sebelum" class="form-control">
                                </div>
                            </div>

                            <!-- Gambar Sesudah -->
                            <div class="form-group row">
                                <label for="gambar_sesudah" class="col-sm-2 col-form-label">Gambar Sesudah</label>
                                <div class="col-sm-10">
                                    @if ($kegiatanBulanan->gambar_sesudah)
                                        <div class="mb-3">
                                            <img src="{{ asset('storage/'.$kegiatanBulanan->gambar_sesudah) }}" alt="Gambar Sesudah" width="100">
                                        </div>
                                    @endif
                                    <input type="file" name="gambar_sesudah" id="gambar_sesudah" class="form-control">
                                </div>
                            </div>

                            <!-- Tombol Update -->
                            <div class="form-group row">
                                <div class="col-sm-10 offset-sm-2">
                                    <button type="submit" class="btn btn-success">Update</button>
                                    <a href="{{ route('petugas.kegiatan.bulanan.index') }}" class="btn btn-secondary">Kembali</a>
                                </div>
                            </div>
                        </form>

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

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

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--**********************************
    Content body end
***********************************-->

@endsection