@extends('layouts.pengawas')

@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>Tambah Kegiatan Bulanan</h4>
                    <span class="ml-1">Lengkapi 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">Tambah 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('pengawas.kegiatan.bulanan.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            <!-- 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>
                                        <option value="" disabled selected>Pilih User</option>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id_user }}">{{ $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>
                                        <option value="" disabled selected>Pilih Lokasi</option>
                                        @foreach ($lokasis as $lokasi)
                                            <option value="{{ $lokasi->id_lokasi }}">{{ $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" 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></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">
                                    <input type="file" name="gambar_sebelum" id="gambar_sebelum" class="form-control" accept="image/*">
                                </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">
                                    <input type="file" name="gambar_sesudah" id="gambar_sesudah" class="form-control" accept="image/*">
                                </div>
                            </div>

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

@endsection