<?php
include('include/headscript.php');
include('languages/' . $_SESSION['langselect'] . '/tdgen.php');
?>
<?php
// pickup the get variable
if (isset($_GET["idtrf"])) {
    $idtrf = $_GET["idtrf"];
}
?>
<?php if (isset($_GET['idtrftd'])) {
    $idtrftd = $_GET['idtrftd'];
}
if (isset($_POST['idtrftd'])) {
    $idtrftd = $_POST['idtrftd'];
}
if (isset($_POST['iddata_td'])) {
    $idtd = $_POST['iddata_td'];
}
if (isset($_GET['idtd'])) {
    $idtd = $_GET['idtd'];
}

?>
<?php
// query data_td
$conn = new mysqli($servername, $username, $password, $dbname);
$sql = "SELECT * FROM data_td WHERE iddata_td = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $idtd); // "i" indica che l'id è un intero
$stmt->execute();
$result = $stmt->get_result();
$row = $result->fetch_assoc();
$idtrftd = $row['idtrf'];
$stmt->close();
$conn->close();
?>
<?php



?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title><?php echo $titlepage; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="<?php echo $ownercompanyname; ?> TRF Portal" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="../images/favicon.ico">

    <!--Form Wizard-->
    <link href="../plugins/jquery-steps/jquery.steps.css" rel="stylesheet" type="text/css">
    <!-- App css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/jquery-ui.min.css" rel="stylesheet">
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />

    <!-- submit form with button -->
    <script>
        function formSubmit() {
            document.forms["myForm"].submit();
        }
    </script>
    <!-- upload image script -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $(".upload-doc").click(function() {
                $(".form-horizontal").ajaxForm({
                    target: '.preview'
                }).submit();
            });
        });
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <style>
        /* Add this CSS to your styles */
        .custom-file-upload {
            display: inline-block;
            padding: 6px 12px;
            cursor: pointer;
            background: #28a745;
            color: white;
            border-radius: 0.25rem;
            margin-right: 10px;
        }

        .file-name-display {
            border: 1px solid #ccc;
            padding: 6px 12px;
            display: inline-block;
            width: auto;
            min-width: 120px;
            margin-right: 10px;
            text-align: left;
        }

        .upload-div {
            display: flex;
            align-items: center;
            gap: 10px;
        }
    </style>
</head>

<body>

    <!-- Top Bar Start -->
    <?php include('include/topbar.php'); ?>
    <!-- Top Bar End -->

    <!-- Left Sidenav -->
    <?php include('include/leftsidenav.php'); ?>
    <!-- end left-sidenav-->
    <div class="page-wrapper">
        <!-- Page Content-->
        <div class="page-content">
            <div class="container-fluid">
                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript:void(0);">TRF</a></li>
                                    <li class="breadcrumb-item active">Starter</li>
                                </ol>
                            </div>
                            <h4 class="page-title"><?php echo $titlewb; ?></h4>
                        </div><!--end page-title-box-->
                    </div><!--end col-->
                </div>
                <div class="row">
                    <div class="col-sm-12">







                        <?php // documents

                        ?>
                        <div class="card">
                            <div class="card-body">
                                <h4 class="mt-0"><?php echo ($_SESSION['langselect'] == 'en') ? 'Attach documents to your technical dossier' : 'Allega documenti al tuo fascicolo tecnico'; ?> <i class="fas fa-info-circle" data-toggle="modal" data-animation="bounce" data-target=".bs-example-modal-center5"></i></h4>
                                <div class="modal fade bs-example-modal-center5" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title mt-0" id="exampleModalLabel"><?php echo $m18btitle; ?></h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <p><?php echo nl2br($documenthelp); ?>
                                                </p>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                                </h4>



                                <div class="upload-div">
                                    <!-- File upload form -->
                                    <form id="uploadForm" enctype="multipart/form-data">
                                        <div class="form-group row">
                                            <label for="validationTooltip01" class="col-sm-5 col-form-label"><?php echo $filedescription; ?></label>
                                            <div class="col-sm-7">
                                                <input type="text" class="form-control" id="validationTooltip01" name="filedescription" placeholder="<?php echo $filedescription; ?>" required="">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-4 col-form-label"><?php echo $selectfileonyourpc; ?></label>
                                            <div class="col-sm-8">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="fileInput" name="doc[]" onchange="document.getElementById('fileInputLabel').innerHTML = document.getElementById('fileInput').files[0].name">
                                                    <label class="custom-file-label" for="fileInput" id="fileInputLabel"><?php echo $nofilechoosen; ?></label>
                                                </div>
                                            </div>
                                        </div>

                                        <input type="hidden" name="iddata_td" id="iddata_td" value="<?php echo $idtd; ?>">
                                        <input type="hidden" name="idtrftd" id="idtrftd" value="<?php echo $idtrftd; ?>">
                                        <input type="submit" class="btn btn-primary" name="submit" value="UPLOAD" />
                                    </form>

                                    <script>
                                        // Assicurati che questo script sia incluso dopo il form o prima della chiusura del tag body
                                        document.getElementById('fileInput').onchange = function() {
                                            // Verifica se un file è stato selezionato
                                            if (this.files && this.files.length > 0) {
                                                // Aggiorna il testo della label con il nome del file
                                                document.getElementById('fileInputLabel').innerHTML = this.files[0].name;
                                            } else {
                                                // Se non è stato selezionato nessun file, mostra il testo di default
                                                document.getElementById('fileInputLabel').innerHTML = '<?php echo $nofilechoosen; ?>';
                                            }
                                        };
                                    </script>


                                    <!-- Display upload status -->
                                    <div id="uploadStatus"></div>

                                </div>

                                <br>

                            </div><!--end card-body-->
                        </div><!--end card-->


                        <div class="card" id="provacla">

                            <?php
                            $filenamelist = new WA_MySQLi_RS("filenamelist", $cmctrfdb, 0);
                            $filenamelist->setQuery("SELECT * FROM tdfileattached WHERE tdfileattached.iddata_td='$idtd'");
                            $filenamelist->execute();
                            ?>
                            <div class="card-body">
                                <h4 class="mt-0 header-title"><?php echo $addeddoctitle; ?></h4>
                                <p class="text-muted mb-3"><?php echo $addeddoctitle_help; ?></p>


                                <div class="upload-div">
                                    <!-- File upload form -->
                                    <div class="card-body">



                                        <div class="table-responsive" id="docadded">

                                            <table class="table table-striped mb-0">
                                                <thead>
                                                    <tr>
                                                        <th><?php echo $filenametitle; ?></th>
                                                        <th><?php echo $filenamedesc; ?></th>

                                                        <th><?php echo $actiondel; ?></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="cont_file">

                                                    <?php
                                                    $wa_startindex = 0;
                                                    while (!$filenamelist->atEnd()) {
                                                        $wa_startindex = $filenamelist->Index;
                                                    ?>
                                                        <tr>
                                                            <td>
                                                                <a href="uploadtddocuments/<?php echo ($filenamelist->getColumnVal("filename_fileattached")); ?>" target="_blank"><?php echo $filesent; ?></a>
                                                            </td>
                                                            <td><?php echo ($filenamelist->getColumnVal("description_fileattached")); ?></td>

                                                            <td>

                                                                <a href="deletetdaddedoc.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>&idtdadddoc=<?php echo ($filenamelist->getColumnVal("idtdfileattached")); ?>"><i class="fas fa-trash-alt text-danger font-16"></i></a>
                                                            </td>
                                                        </tr>
                                                    <?php
                                                        $filenamelist->moveNext();
                                                    }
                                                    $filenamelist->moveFirst(); //return RS to first record
                                                    unset($wa_startindex);
                                                    unset($wa_repeatcount);
                                                    ?>


                                                </tbody>
                                            </table><br>
                                            <form action="techdossier_stepsummarynew.php" method="post">

                                                <input type="hidden" class="form-control" value="<?php echo $idtrftd; ?>" id="idtrftd" name="idtrftd">

                                                <input type="hidden" class="form-control" value="<?php echo $idtd; ?>" id="iddata_td" name="iddata_td">
                                                <br>
                                                <button class="btn btn-gradient-success waves-effect waves-light" type="submit"><?php echo $proceed; ?></button>
                                                <a href="techdossier_step3.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>"><button type="button" class="btn btn-dark waves-effect waves-light" onclick="history.back()"><?php echo $backstep; ?></button></a>
                                                <a href="techdossier_stepsummarypreview.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>" target='_blank'><button type="button" class="btn btn-dark waves-effect waves-light">Preview</button></a>

                                            </form><br>

                                            <!--end /table-->
                                        </div><!--end /tableresponsive-->
                                    </div>


                                </div>

                                <br>

                            </div><!--end card-body-->
                        </div><!--end card-->




                    </div><!--end col-->
                </div>
                <!-- end page title end breadcrumb -->

            </div><!-- container -->
            <!-- footer start -->
            <?php include('include/footer.php'); ?>
            </footer><!--end footer-->
        </div>
        <!-- end page content -->
    </div>
    <!-- end page-wrapper -->
    <script>
        var match = [
            "application/pdf",
            "application/msword", // per i file .doc
            "application/vnd.openxmlformats-officedocument.wordprocessingml.document", // per i file .docx
            "image/jpg",
            "image/jpeg",
            "image/gif",
            "application/xls",
            "application/xlsx",
            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
            "application/vnd.ms-excel.sheet.macroEnabled.12",
            "image/png",
            "image/bmp"
        ];
        $(document).ready(function() {
            // File upload via Ajax
            $("#uploadForm").on('submit', function(e) {
                e.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: 'uploadtdfile.php',
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    beforeSend: function() {
                        $('#uploadStatus').html('<img src="../images/uploading.gif"/>');
                    },
                    error: function() {
                        $('#uploadStatus').html('<span style="color:#EA4335;">File upload failed, please try again.<span>');
                    },
                    success: function(data) {
                        $('#uploadForm')[0].reset();
                        $('#uploadStatus').html('<span style="color:#28A74B;">File uploaded successfully.<span>');
                        // $('.gallery').html(data);
                        // $("#docadded").load(location.href + " #docadded");
                        // SHOW UPLOADED FILE
                        $('#cont_file').html(data);
                    }
                });
            });

            // File type validation
            $("#fileInput").change(function() {
                var fileLength = this.files.length;
                // var match= ["application/pdf","application/msword","image/jpg","image/gif","application/xls","application/xlsx", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"];
                var i;
                for (i = 0; i < fileLength; i++) {
                    var file = this.files[i];
                    var imagefile = file.type;
                    // if(!((imagefile==match[0]) || (imagefile==match[1]) || (imagefile==match[5]) || (imagefile==match[6]) || (imagefile==match[7]) || (imagefile==match[8]))){
                    //     alert('Please select a valid  file (PDF, word, excel).');
                    //     $("#fileInput").val('');
                    //     return false;
                    // }
                    if (!match.includes(imagefile)) {
                        alert('Please select a valid  file (PDF, word, excel).');
                        $("#fileInput").val('');
                        return false;
                    }
                }
            });
        });
    </script>



    <!-- jQuery  -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/metismenu.min.js"></script>
    <script src="assets/js/waves.js"></script>
    <script src="assets/js/feather.min.js"></script>
    <script src="assets/js/jquery.slimscroll.min.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>

    <script src="../plugins/jquery-steps/jquery.steps.min.js"></script>
    <script src="assets/pages/jquery.form-wizard.init.js"></script>
    <!-- App js -->
    <script src="assets/js/app.js"></script>

</body>

</html>