#02. Making Tab!

// Frag2
package com.example.project1

import android.app.Activity
import android.content.Context
import android.content.Intent
import android.net.Uri
import android.os.Bundle
import android.provider.MediaStore
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.Button
import android.widget.EditText
import android.widget.GridView
import android.widget.ImageView
import android.widget.TextView
import androidx.appcompat.app.AlertDialog

// 각종 위젯 불러오기
//
@Suppress("DEPRECATION") // 그냥 경고 메세지를 무시하는 annotation이라고 한다.
class Frag2 : Fragment() {
    private val PICK_IMAGE_REQUEST = 1
    private lateinit var gridView: GridView
    private lateinit var myGridAdapter: MyGridAdapter

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val view = inflater.inflate(R.layout.fragment_frag2, container, false)

        gridView = view.findViewById(R.id.gridView)
        myGridAdapter = MyGridAdapter(requireContext())
        gridView.adapter = myGridAdapter

        val selectImageButton = view.findViewById<Button>(R.id.select_image_button)
        selectImageButton.setOnClickListener {
            openGallery()
        }

        return view
    }

    private fun openGallery() {
        val intent = Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI)
        startActivityForResult(intent, PICK_IMAGE_REQUEST)
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
        if (requestCode == PICK_IMAGE_REQUEST && resultCode == Activity.RESULT_OK && data != null) {
            val selectedImageUri = data.data
            if (selectedImageUri != null) {
                myGridAdapter.addImage(selectedImageUri)
            }
        }
    }

    data class ImageData(val imageUri: Uri, val description: String)

    inner class MyGridAdapter(private val context: Context) : BaseAdapter() {
        private val imageUris = ArrayList<Uri>()
        private val imageDatas = ArrayList<ImageData>()

        override fun getCount(): Int {
            return imageUris.size
        }

        override fun getItem(position: Int): Any {
            return imageUris[position]
        }

        override fun getItemId(position: Int): Long {
            return position.toLong()
        }

        override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
            val imageView = convertView as? ImageView ?: ImageView(context).apply {
                layoutParams = ViewGroup.LayoutParams(200, 200)
                scaleType = ImageView.ScaleType.CENTER_CROP
                setPadding(0, 0, 0, 0)
            }

            val imageUri = getItem(position) as Uri
            imageView.setImageURI(imageUri)

            val description = imageDatas.find { it.imageUri == imageUri }?.description ?: ""

            imageView.setOnClickListener {
                showImageDialog(imageUri, description)
            }

            return imageView
        }

        fun addImage(uri: Uri) {
            val dialogView = LayoutInflater.from(context).inflate(R.layout.image_text_input_dialog, null)
            val dialogImageView = dialogView.findViewById<ImageView>(R.id.dialogImageView)
            val editTextDescription = dialogView.findViewById<EditText>(R.id.editTextDescription)
            dialogImageView.setImageURI(uri)

            val alertDialog = AlertDialog.Builder(context)
                .setView(dialogView)
                .setPositiveButton("Select") { dialog, _ ->
                    val description = editTextDescription.text.toString()
                    imageDatas.add(ImageData(uri, description))
                    imageUris.add(uri)
                    notifyDataSetChanged()
                    dialog.dismiss()
                }
                .setNegativeButton("Cancel") { dialog, _ ->
                    dialog.dismiss()
                }
                .show()
        }

        private fun showImageDialog(imageUri: Uri, description: String) {
            val dialogView = LayoutInflater.from(context).inflate(R.layout.image_dialog, null)
            val dialogImageView = dialogView.findViewById<ImageView>(R.id.dialogImageView)
            val textViewDescription = dialogView.findViewById<TextView>(R.id.textViewDescription)

            dialogImageView.setImageURI(imageUri) // 이미지 설정
            textViewDescription.text = description // 텍스트 설정

            AlertDialog.Builder(context)
                .setView(dialogView)
                .setPositiveButton("Close") { dialog, _ ->
                    dialog.dismiss()
                }
                .setNegativeButton("Delete") { dialog, _ ->
                    val position = imageUris.indexOf(imageUri)
                    if (position != -1) {
                        imageUris.removeAt(position)
                        imageDatas.removeAt(position)
                        notifyDataSetChanged()
                    }
                    dialog.dismiss()
                }
                .show()
        }
    }
}

<!--frag xml-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center|bottom"
    android:layout_marginBottom="140dp">

    <!-- 버튼을 먼저 정의 -->
    <Button
        android:id="@+id/select_image_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="@string/select_image" />

    <!-- 그리드뷰를 버튼 아래에 배치 -->
    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:layout_below="@id/select_image_button"
        android:layout_marginTop="-453dp"
        android:gravity="top"
        android:numColumns="5" />


    <!-- 추가적인 UI 요소들을 정의할 수 있습니다 -->

</RelativeLayout>

<!-- image_dialog.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp">

    <ImageView
        android:id="@+id/dialogImageView"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <TextView
        android:id="@+id/textViewDescription"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="115dp"
        android:textColor="@android:color/black"
        android:textSize="16sp" />

</LinearLayout>

<!-- image_text_input_dialog.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <ImageView
        android:id="@+id/dialogImageView"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <EditText
        android:id="@+id/editTextDescription"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:hint="Enter Description"
        android:inputType="text"
        android:maxLines="1"
        android:paddingTop="115dp" />
</LinearLayout>