extends layout.pug
block head 
    //- link(href='css/invoice.css' rel='stylesheet')
block content

    //- form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
    //-     .input-group
    //-         label(for="name") Your name 
    //-         input(name="name", id='name', placeHolder="Enter your name")
    //-     .input-group
    //-         label(for="file", class="btn") Select File
    //-         input(type='file', name='uploadFile')
    //-         input(type='submit', name='uploadFile', value='Upload')
    //- .text-center
    //- .text-center.mb-4.w-75.container
    //-     form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
    //-         .m-3
    //-             label.form-label.file-upload-wrapper(for='formFile') Default file input example
    //-             input#formFile.form-control(type='file')
    //-         .m-3
    //-             label.form-label(for='formFileMultiple') Multiple files input example
    //-             input#formFileMultiple.form-control(type='file' multiple='')
    //-         .m-3
    //-             label(for="exampleInputEmail1") Email Address 
    //-             input.form-control(type="email")
    //-         .m-3
    //-             button.btn.btn-primary(type="submit") Confirm
    //-     .bg-light.container
    //-         h3 Last Files
    //-         ul.list-group
    //-             each file in lastFiles
    //-                 form(method='get',action='/invoice_sign/download')
    //-                         input.list-group-item.list-group-item-action(type='submit', name='downloadFile', value=file.name)
    
    .container
        .row
            .col-sm-8
                h3 Invoice Signer
                form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
                    .m-3
                        label.form-label.file-upload-wrapper(for='formFile') Choose a file to embed an image
                        input#formFile.form-control(type='file',accept=".pdf,.zip",required='')
                    .m-3
                        label.form-label(for='formFileMultiple') Add images if you don't want to use default sign and stamp
                        input#formFileMultiple.form-control(type='file' multiple='',accept=".jpg,.png")
                    .m-3
                        .container
                            .row
                                .col
                                    label(for="xpos") X Position
                                    input.form-control(type="number",required='',value="50")
                                .col
                                    label(for="ypos") Y Position
                                    input.form-control(type="number",required='',value="50")
                                .col
                                    label(for="scalefactor") Scale Factor
                                    input.form-control(type="number",required='',value="1.0")
                    .m-3.text-start
                        button.btn.btn-primary(type="submit") Confirm
            .col-sm-4
                .bg-light.container
                    h3 Last Files
                    ul.list-group
                        each file in lastFiles
                            form(method='get',action='/invoice_sign/download')
                                    input.list-group-item.list-group-item-action(type='submit', name='downloadFile', value=file.name)