import Scrollable from "@/components/Common/Scrollable";
import { Col, FormGroup } from "reactstrap";
import Swal from "sweetalert2";

function PermohonanPT({ data, title = null, role }) {
	const handleOpenAlert = () => {
		Swal.fire({
			icon: 'error',
			title: 'Oops...',
			html: 'Maaf anda tidak memiliki akses untuk menyelesaikan<p> proses ini.</p>',
			confirmButtonColor: "#3e3a8e",
			confirmButtonText: 'Oke'
		})
	};
	return (
		<>
			<p className="lead bb">{title || "Permohonan dari PT"}</p>
			<form className="form-horizontal">
				<FormGroup row>
					<Col md="4">Dokumen Permohonan:</Col>
					<Col md="8">
						<Scrollable height="120px" className="list-group">
							<table className="table table-bordered bg-transparent">
								<tbody>
									{data.dokumen.map((e) => (
										<tr>
											<td style={{ width: "30px" }}>
												<em className="fa-lg far fa-file-code"></em>
											</td>
											<td>
												{role === 2024 ?
													<a className="text-muted" onClick={handleOpenAlert}>
														{e.judul}
													</a>
													:
													<a className="text-muted" href={e.path} target="_blank" download={e.judul}>
														{e.judul}
													</a>
												}

											</td>
										</tr>
									))}
								</tbody>
							</table>
						</Scrollable>
					</Col>
				</FormGroup>
			</form>
		</>
	);
}

export default PermohonanPT;