ACC SHELL

<div class="row">
    <div class="box">
        <div class="col-lg-12">
            <h2>Ofsetový tisk</h2>
            <p>Veškerý ofsetový tisk pochází z produkce naší ofsetové tiskárny. Vytiskneme Vám letáky, časopisy, prospekty, hlavičkové papíry, knihy, brožury, kalendáře, samopropisovací bloky, papírové i samolepicí etikety v arších. Vytiskneme Vám  jakékoliv reklamní tiskoviny, dle Vašeho přání do formátu B2. Tiskneme na kvalitní papíry od předních dodavatelů tohoto sortimentu na našem trhu, v široké škále gramáží a povrchových úprav, jako jsou laminace, lak strojní, plošný a parciální UV lak.</p>
            <p>V rámci dalšího zpracování disponujeme možností zhotovit:</p>
        </div>
        <div class="col-lg-6">
            <ul>
                <li>Vazba V1,V2, kroužková vazba</li>
                <li>Falcování</li>
                <li>Rylování</li>
                <li>Snášení</li>
            </ul>
        </div>
        <div class="col-lg-6">
            <ul>
                <li>Skládání</li>
                <li>Perforace</li>
                <li>Číslování</li>
                <li>Vrtání</li>
                <li>Různé tvarové výseky dle přání zákazníka </li>
            </ul>
        </div>
        <div id="col-form-thanks" class="col-lg-12">
            <h2>Email byl úspěšně odeslán. Děkujeme!</h2>
        </div>
        <div id="col-form" class="col-lg-12">
            <!-- <p>V případě Vašeho zájmu Vám rádi spočítáme kalkulaci, stačí vyplnit <a href="#form-heading" onclick="
                $('.form').slideToggle(function() {
                    $('html, body').animate({
                        scrollTop: $('#form-heading').offset().top
                    });
                });
                ">formulář</a>. Zde se můžete podívat na naše <a href="./reference">reference</a>.</p> -->
                <p>Zde se můžete podívat na naše <a href="./reference">reference</a>.</p>
            <div class="form">
                <h2 id="form-heading">Žádám o cenovou nabídku na ofsetový tisk</h2>
                <form method="post" action="./form-ofsetovy-tisk.php">
                    <fieldset>
                        <legend>Základní údaje</legend>
                        <label for="noOfPieces">Počet kusů <input id="noOfPieces" name="noOfPieces" type="number" value="100" step="50" min="100" /></label>
                        <label for="width">Šířka [mm] <input id="width" name="width" /></label>
                        <label for="height">Výška [mm] <input id="height" name="height" /></label>
                    </fieldset>
                    <fieldset>
                        <legend>Tisk a barevnost</legend>
                        <label for="print">Tisk
                            <select id="print" name="print">
                                <option value="jednostranný">jednostranný</option>
                                <option value="oboustranný">oboustranný</option>
                            </select>
                        </label>
                        <label for="colors1stSide">1. strana
                            <select id="colors1stSide" name="colors1stSide">
                                <option value="plnobarva">plnobarva</option>
                                <option value="3 barvy">3 barvy</option>
                                <option value="2 barvy">2 barvy</option>
                                <option value="1 barva">1 barva</option>
                            </select>
                        </label>
                        <label for="colors2ndSide">2. strana
                            <select id="colors2ndSide" name="colors2ndSide">
                                <option value="plnobarva">plnobarva</option>
                                <option value="3 barvy">3 barvy</option>
                                <option value="2 barvy">2 barvy</option>
                                <option value="1 barva">1 barva</option>
                                <option value="bez tisku">bez tisku</option>
                            </select>
                        </label>
                    </fieldset>
                    <fieldset>
                        <legend>Druh materiálu</legend>
                        <label for="material">Materiál
                            <select id="material" name="material">
                                <option value="ofsetový papír">ofsetový papír</option>
                                <option value="křídový papír">křídový papír</option>
                                <option value="jiný materiál">jiný materiál</option>
                            </select>
                        </label>
                        <label for="weight">Gramáž <input id="weight" name="weight" /></label>
                    </fieldset>
                    <fieldset>
                        <legend>Bližší technická specifikace</legend>
                        <textarea id="message" name="message" placeholder="Např. jiný materiál, na spad, tvar, ryl, skládání, vazba, počet stran, ..."></textarea>
                    </fieldset>
                    <fieldset>
                        <legend>Termín dodání</legend>
                        <label for="deadline">Termín dodání <input id="deadline" name="deadline" type="date" value="<?= date("Y-m-d", strtotime("+30 days", time())); ?>" /></label>
                    </fieldset>
                    <fieldset>
                        <legend>Informace o Vás</legend>
                        <label for="company">Firma <input id="company" name="company" /></label>
                        <label for="name">Jméno a příjmení <input id="name" name="name" /></label>
                        <label for="email">E-mail <input id="email" name="email" type="email" required /></label>
                        <label for="phone">Telefon <input id="phone" name="phone" required /></label>
                    </fieldset>
                    <fieldset>
                        <legend></legend>
                        <input type="submit" value="Odeslat" />
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
// http://stackoverflow.com/questions/15300470/jquery-ajax-form-using-mail-php-script-sends-email-but-post-data-from-html-fo
$(document).ready(function() {
    $('form').submit(function() {
        var data = {
            noOfPieces: $("form input[name='noOfPieces']").val(),
            width: $("form input[name='width']").val(),
            height: $("form input[name='height']").val(),
            print: $("form select[name='print']").val(),
            colors1stSide: $("form select[name='colors1stSide']").val(),
            colors2ndSide: $("form select[name='colors2ndSide']").val(),
            material: $("form select[name='material']").val(),
            message: $("form textarea[name='message']").val(),
            deadline: $("form input[name='deadline']").val(),
            company: $("form input[name='company']").val(),
            name: $("form input[name='name']").val(),
            email: $("form input[name='email']").val(),
            phone: $("form input[name='phone']").val(),
        };
        $.ajax({
            type: "POST",
            url: "./form-ofsetovy-tisk.php",
            data: data,
            success: function(errorMessage) {
                if (errorMessage) {
                    alert('Formulář se bohužel nepodařilo odeslat z následujících důvodů: ' + errorMessage);
                } else {
                    $('#col-form').fadeOut(400, function() {
                        $('#col-form-thanks').fadeIn(400);
                    });
                }
            },
            error: function() {
                alert('Formulář se bohužel nepodařilo odeslat. Zkuste to prosím později.')
            }
        });
        return false;
    })
});
</script>