diff --git a/resources/views/modules/form/index.blade.php b/resources/views/modules/form/index.blade.php
index e69de29..257ceed 100644
--- a/resources/views/modules/form/index.blade.php
+++ b/resources/views/modules/form/index.blade.php
@@ -0,0 +1,321 @@
+@extends('layouts.master')
+
+@section('title', $form->name)
+
+
+
+@section('js')
+    <script>
+        var activitiesTable = null;
+        $(document).ready(function() {
+            $('#inventoryYear').select2({
+                placeholder: 'Pilih Tahun',
+            }).on('change', function() {
+                $('#filterForm').submit();
+            });
+
+            $('#instansi').select2().on('change', function() {
+                $('#filterForm').submit();
+            });
+
+            $('#from_year').select2({
+                placeholder: 'Pilih Tahun',
+                width: '100%',
+            });
+
+            $('.unit-code').select2({
+                placeholder: 'Pilih Unit',
+            });
+
+            $('#metadataForm').on('submit', function(e) {
+                e.preventDefault();
+                var formData = new FormData(this);
+                $.ajax({
+                    url: '{{ route('modules.form.metadata.store') }}',
+                    type: 'POST',
+                    data: formData,
+                    processData: false,
+                    contentType: false,
+                    success: function(response) {
+                        Swal.fire({
+                            title: 'Success!',
+                            text: response.success,
+                            icon: 'success',
+                            confirmButtonText: 'OK'
+                        });
+
+                        $('#name').val('');
+                        $('#publisher').val('');
+                        $('#published_year').val('');
+                        $('#contact_name').val('');
+                        $('#contact_phone').val('');
+                        $('#contact_email').val('');
+                        $('#description').val('');
+                        $('#file_document').val('');
+                        fetchMetadata();
+                    },
+                    error: function(xhr, status, error) {
+                        console.error(error);
+                        if (xhr.status === 422) {
+                            let errors = xhr.responseJSON.errors;
+                            let errorMessages = '';
+                            for (let field in errors) {
+                                errorMessages += errors[field].join('<br>') + '<br>';
+                            }
+                            Swal.fire({
+                                title: 'Validation Error',
+                                html: errorMessages,
+                                icon: 'error',
+                                confirmButtonText: 'OK'
+                            });
+                        } else {
+                            Swal.fire({
+                                title: 'Error!',
+                                text: xhr.responseJSON.error ||
+                                    'Terjadi kesalahan saat menyimpan metadata.',
+                                icon: 'error',
+                                confirmButtonText: 'OK'
+                            });
+                        }
+                        $('#isLoadMetadata').hide();
+                    }
+                });
+            });
+
+            $('.unit-code').on('change', function() {
+                var activityCode = $(this).data('activity-code');
+                var fromUnitCode = $(this).data('current-unit');
+                var toUnitCode = $(this).val();
+
+                $('[name^="data"]').each(function() {
+                    if ($(this).attr('name').includes(activityCode)) {
+                        const sector = '{{ $form->sector }}';
+                        const code = '{{ $form->code }}';
+                        const url = `/${sector}/${code}/conversion`;
+
+                        convertUnitValue($(this), fromUnitCode, toUnitCode, url);
+                    }
+                });
+
+                $(this).data('current-unit', toUnitCode);
+            });
+        });
+
+        function convertUnitValue(input, fromUnitCode, toUnitCode, url) {
+            let value = input.val();
+            value = value.replace(/\./g, '');
+            value = value.replace(/,/g, '.');
+
+            if (value && fromUnitCode && toUnitCode) {
+                fetch(`${url}?from=${fromUnitCode}&to=${toUnitCode}&value=${value}`)
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.success) {
+                            input.val(data.convertedValue);
+                        }
+                    })
+                    .catch(error => console.error('Error converting value:', error));
+            }
+        }
+        function showMetadataModal() {
+            $('#metadataModal').modal('show');
+            fetchMetadata();
+        }
+        function fetchMetadata() {
+            $('#metadataContent').hide();
+            $('#isLoadMetadata').show();
+            $.ajax({
+                url: '{{ route('modules.form.metadata.index', ['form_id' => $instansi === 'all' ? 0 : $activityForm->id ?? 0]) }}',
+                type: 'GET',
+                success: function(data) {
+                    $('#metadataContent').html(data);
+                    $('#metadataContent').show();
+                    $('#isLoadMetadata').hide();
+                },
+                error: function(xhr, status, error) {
+                    console.error(error);
+                    $('#isLoadMetadata').hide();
+                }
+            });
+        }
+
+        
+        function showCreateModal() {
+            $('#formModal').modal('show');
+            fetchFormdata();
+        }
+
+        function fetchFormdata() {
+            $('#formContent').hide();
+            $('#isLoadForm').show();
+            $.ajax({
+                url: '{{ route('modules.form.create', ['sector' => $form->sector, 'code' => $form->code]) }}',
+                type: 'GET',
+                success: function(data) {
+                    $('#formContent').html(data);
+                    $('#formContent').show();
+                    $('#isLoadForm').hide();
+                },
+                error: function(xhr, status, error) {
+                    console.error(error);
+                    $('#isLoadForm').hide();
+                }
+            });
+        }
+
+        function showActivityUserModal() {
+            $('#userActivityModal').modal('show');
+            fetchUserActivity();
+        }
+
+        function fetchUserActivity() {
+            if (activitiesTable) {
+                activitiesTable.destroy();
+            }
+
+            activitiesTable = $('#activities-table').DataTable({
+                pageLength: 10,
+                responsive: true,
+                serverSide: true,
+                scrollX: true,
+                searchDelay: 1000,
+                ajax: {
+                    url: '{{ route('modules.form.aktivitasUser', ['form_id' => $instansi === 'all' ? 0 : $activityForm->id ?? 0]) }}',
+                    type: 'GET',
+                    dataSrc: 'data'
+                },
+                columns: [{
+                        data: 'user_name',
+                        name: 'user_name'
+                    },
+                    {
+                        data: 'activity_type',
+                        name: 'activity_type'
+                    },
+                    {
+                        data: 'ip_address',
+                        name: 'ip_address'
+                    },
+                    {
+                        data: 'created_at',
+                        name: 'created_at'
+                    }
+                ],
+                order: [
+                    [3, 'desc']
+                ]
+            });
+        }
+
+        function deleteMetadata(metadataId, storagePath) {
+            Swal.fire({
+                title: 'Apakah Anda yakin?',
+                text: 'Data akan dihapus secara permanen!',
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Ya, hapus!',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    $.ajax({
+                        url: '{{ route('modules.form.metadata.destroy', ':id') }}'.replace(':id', metadataId),
+                        type: 'POST',
+                        data: {
+                            _token: '{{ csrf_token() }}',
+                            _method: 'DELETE',
+                            storage_path: storagePath
+                        },
+                        success: function(response) {
+                            $('#metadata-' + metadataId).slideUp(500, function() {
+                                $(this).remove();
+                                reorderMetadata();
+                            });
+                        },
+                        error: function(xhr, status, error) {
+                            console.error(error);
+                            Swal.fire('Error!', 'Terjadi kesalahan saat menghapus data.', 'error');
+                        }
+                    });
+                }
+            });
+        }
+
+        function reorderMetadata() {
+            $('.meta-content').each(function(index, element) {
+                $(element).animate({
+                    top: 0
+                }, 500);
+            });
+        }
+
+        function confirmLock() {
+            Swal.fire({
+                title: 'Apakah Anda yakin?',
+                text: "Apakah Anda ingin mengunci data aktivitas ini?",
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Ya, Kunci Data!',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    document.getElementById('lock-form').submit();
+                }
+            });
+        }
+
+        function confirmUnlock() {
+            Swal.fire({
+                title: 'Apakah Anda yakin?',
+                text: "Apakah Anda ingin membuka kunci data aktivitas ini?",
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Ya, Buka Kunci Data!',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    document.getElementById('unlock-form').submit();
+                }
+            });
+        }
+
+        function confirmCopy() {
+            Swal.fire({
+                title: 'Apakah Anda yakin?',
+                text: "Apakah Anda ingin melakukan proses salin data aktivitas dari tahun tersebut?",
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Ya, Salin Data!',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    document.getElementById('copy-form').submit();
+                }
+            });
+        }
+
+        function confirmApprove(isApproval) {
+            const action = isApproval ? 'menyetujui' : 'membatalkan persetujuan';
+
+            Swal.fire({
+                title: `Konfirmasi ${isApproval ? 'Persetujuan' : 'Pembatalan Persetujuan'}`,
+                text: `Apakah Anda yakin ingin ${action} Data Produsen ini? Fitur ini digunakan agar Data Produsen yang disetujui dapat dijumlahkan ke Data Konsolidasi.`,
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonText: isApproval ? 'Ya, Setujui' : 'Ya, Batalkan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    document.getElementById('confirmApprove').submit();
+                }
+            });
+        }
+    </script>
+@endsection