<div class="container mt-4" id="bob">
    <h1>Mes documents</h1>
    <div class="row">
        <div class="col-12 text-center">
            <a class="btn btn-outline-secondary mb-3" href="<?= site_url(['print_factory']) ?>?after=document"><i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter un document</a>
        </div>
    </div>
    <div class="alert alert-warning" role="alert">
        <i class="bi bi-exclamation-triangle"></i>
        Nous conservons vos documents inactifs pour une durée de 3 mois maximum. Ce délai dépassé, une suppression automatique sera effectuée !
    </div>
    <div class="row justify-content-center" id="document">
        <?php foreach ($aSession_document as $oSession_document) { ?>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <figure data-id="<?= $oSession_document->id ?>" data-nb_use="<?= $oSession_document->more_infos['nb_use'] ?>">

                    <?php
                        if($oSession_document->top_favorite){
                            echo '<a data-toggle="popover" data-placement="right" data-trigger="hover" data-html="true" data-content="Votre document ne sera plus conservé au-delà de 3 mois..." id='.$oSession_document->id.' class="document-favorite" href="#" data-id='.$oSession_document->id.' data-val='.$oSession_document->top_favorite.'><i id='.$oSession_document->id.' class="icon-stars-yellow bi bi-star-fill"></i></a>';
                        }
                        else{
                            echo '<a data-toggle="popover" data-placement="right" data-trigger="hover" data-html="true" data-content="Cocher pour stocker votre document et empêcher sa suppression !" id='.$oSession_document->id.' class="document-favorite" href="#" data-id='.$oSession_document->id.' data-val='.$oSession_document->top_favorite.'><i id='.$oSession_document->id.' class="icon-stars-empty bi bi-star"></i></a>';
                        }
                    ?>

                    <div>
                        <img src="<?= $sBase_assets ?>img/blank-square.png" draggable="false">
                        <div class="thumb-div">
                            <img class="img-thumbnail" src="<?= site_url(['document', 'get_converted', $oSession_document->id, 1, 'thumb']) ?>">
                        </div>
                    </div>
                    <figcaption class="figure-caption">
                        <div class="caption-text text-center">
                            <small class="text-truncate"><span class="document-title"><?= $oSession_document->original_name ?></span><br/><small>Nombre de pages : <?= $oSession_document->nb_page ?></small></small></div>
                        <div class="form-check">
                            <button class="btn btn-sm btn-outline-primary">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="check<?= $oSession_document->id ?>" value="<?= $oSession_document->id ?>">
                                    <label class="custom-control-label copy" for="check<?= $oSession_document->id ?>"><span class="d-xl-none">imprimer</span><span class="d-none d-xl-inline">imprimer ce document</span></label>
                                </div>
                            </button>
                            <div class="menu-tool dropdown show pull-right">
                                <a class="btn btn-outline-primary btn-sm" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-ellipsis-v"></i>
                                </a>

                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink" style="font-size:90%">
                                    <div class="dropdown-item"><!--<em>Informations :</em>-->
                                        <dl>
                                            <dd><strong>Nom :</strong> <?=$oSession_document->original_name?></dd>
                                            <dd><strong>Date téléchargement :</strong> <?=date("d/m/Y à H:i:s",strtotime($oSession_document->ts_create))?></dd>
                                            <?php if(!empty($oSession_document->array_infos['aPage_converted_infos'])){ ?>
                                            <dd><strong>Page en couleur :</strong> <?=count($oSession_document->array_infos['aPage_converted_infos'])-count($oSession_document->array_infos['aPage_in_black'])?></dd>
                                            <dd><strong>Page en N&B :</strong> <?=count($oSession_document->array_infos['aPage_in_black'])?></dd>
                                            <?php }else{ ?>
                                            <dd><em>Problème lors de l'import du document</em></dd>
                                            <?php }  ?>
                                        </dl>

                                    </div>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item document-delete text-danger" href="#"><i class="fa fa-trash-o" aria-hidden="true"></i> Supprimer ce document</a>
                                </div>
                            </div>
                        </div>
                    </figcaption>
                </figure>

            </div>
        <?php } ?>
    </div>
</div>
<div id="row_action">
    <div class="container">
        <div class="row pt-1">
            <div class="col-12 text-center">
                <button class="btn btn-lg btn-<?= $_GET['s'] != 'copy' ? 'outline-' : '' ?>secondary mb-1">
                    <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="print_copy" class="custom-control-input" name="service" value="copy" <?= $_GET['s'] == 'copy' ? ' checked' : '' ?> autocomplete="off">
                        <label class="custom-control-label copy" for="print_copy">
                            <span class="d-none d-sm-inline">imprimer en A4 ou A3</span>
                            <span class="d-sm-none">A4 ou A3</span>
                        </label>
                    </div>
                </button>
                <button class="btn btn-lg btn-<?= $_GET['s'] == 'copy' ? 'outline-' : '' ?>secondary mb-1">
                    <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="print_print" class="custom-control-input" name="service" value="print" <?= $_GET['s'] != 'copy' ? ' checked' : '' ?> autocomplete="off">
                        <label class="custom-control-label copy" for="print_print">
                            autres formats
                        </label>
                    </div>
                </button>
                <a class="btn btn-lg btn-primary mb-1" href="javascript:goto_choose_main_size()">étape suivante ></a>
            </div>
        </div>
    </div>
</div>
<style>
    .icon-stars-yellow{
        color: yellow;
    }
    .icon-stars-empty:hover, .icon-stars-yellow:hover{
        cursor: pointer;
    }
</style>
<?php ob_start(); ?>
<script>
    $('.document-favorite').on('click', function() {
        let id = $(this).data("id");
        let val = $(this).data("val");
        if (val == 1) {
            $(this).children().addClass('icon-stars-empty bi bi-star').removeClass('icon-stars-yellow bi bi-star-fill');
            var new_val = 0;
            var content = "Cocher pour stocker votre document et empêcher sa suppression !";
        }
        else{
            $(this).children().addClass('icon-stars-yellow bi bi-star-fill').removeClass('icon-stars-empty bi bi-star');
            var new_val = 1;
            var content = "Votre document ne sera plus conservé au-delà de 3 mois...";
        }
        $(this).data('val', new_val);
        $(this).attr('data-val', new_val);
        $(this).attr('data-content', content);

        $.post("<?= $sBase_url?>document/top_favorite/"+id, {
            'action': 'gestion_stars',
            'val': new_val
        })
    });

    $('input:radio[name="service"]').change(function(){
        $( 'input:radio[name="service"]' ).each(function() {
            if ($(this).is(':checked')) {
                $(this).parent().parent( "button" ).removeClass("btn-outline-secondary").addClass("btn-secondary");
            }
            else {
                $(this).parent().parent( "button" ).removeClass("btn-secondary").addClass("btn-outline-secondary");
            }
        });
    });
    $('.document-delete').on('click', function(e) {
        e.preventDefault();
        var id = $(this).closest('figure').attr('data-id');
        if (parseInt($(this).closest('figure').attr('data-nb_use')) != 0) {
            myModal_error('Ce document ne peux pas être supprimé car il est utilisé dans votre panier');
            return;
        }
        myModal_confirm('Voulez vous supprimer définitivement ce document ?<br>"' + $(this).closest('figure').find('.document-title').text() + '" ? ', function() {
            $.post(window.location.href, {
                'action': 'delete',
                'id': id
            }, function() {
                $('figure[data-id="' + id + '"]').parent().remove();
                $('#document_count').text(parseInt($('#document_count').text())-1);
            });
        })
    })

    function goto_choose_main_size() {
        var aDocument_id = new Array();
        $('#document input[type="checkbox"]:checked').each(function(index, elt) {
            aDocument_id.push($(elt).val());
        });
        if (aDocument_id.length == 0) {
            myModal_error('<p>Il faut d\'abord sélectionner au moins un document</p>');
            return false;
        }
        window.location.href = "<?= site_url(['cart', 'cart_line', '0']) ?>/" + aDocument_id.join('|') + '?s=' + $('input[name="service"]:checked').val();
    }
</script>
<?php
$GLOBALS['sScript_footer'] = ob_get_contents();
ob_end_clean();
?>