<!DOCTYPE html>
<html lang="cs"><head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Dřevoprodej Zdeněk Beneš">
        <meta name="author" content="Martin Kušnier">

        <title>Prodej řeziva - Zdeněk Beneš</title>

        <!-- Bootstrap core CSS -->
        <link href="./css/bootstrap.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="./css/starter-template.css" rel="stylesheet">
    </head>

    <body>

        <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top moje">
            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="./">Domů <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="doprava.html">Doprava</a>
                    </li>
                    <li class="nav-item  active">
                        <a class="nav-link" href="sortiment.php">Sortiment</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="krovy.php">Dodávka krovů</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="kontakt.html">Kontakt</a>
                    </li>
                </ul>
            </div>
            <h1>Prodej řeziva - Zdeněk Beneš</h1>
        </nav>

        <main role="main" class="container">
            <div class="homepage-jumbotron">
                <h2>Náš sortiment</h2>
            </div>

            <hr>
            <p class="sortiment_nadpis">Máme skladem</p>
            
            <div class="alert alert-danger" role="alert">
                Vážení zákazníci, vzhledem k velkým změnám v ceníku jsou ceny řeziva zde uvedené neplatné. Pro aktuální ceny prosím volejte <b>733 126 552</b> nebo pište <b>zdenekbenes@seznam.cz</b>. Připravujeme aktualizaci ceníku.</b>
                </div>


            <div id="accordion" >

<?php
require_once "helpers/SortimentParser.php";
$path = "data/sortiment";
$sp = new SortimentParser();

foreach (scandir($path) as $f) {
    if ($f == "." || $f == "..") {
        continue;
    }
    echo '
<div class="card sortiment_accordion">
    <div class="card-header" id="heading' . $f . '">
      <h2 class="mb-0 sortiment_tabulka_nadpis">
        <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapse' . $f . '" aria-expanded="false" aria-controls="collapse' . $f . '">
          Hranoly
        </button>
      </h2>
    </div>
        
        
    <div id="collapse' . $f . '" class="collapse" aria-labelledby="heading' . $f . '" data-parent="#accordion">
      <div class="card-body">
          <table class="table table-sm sortiment_tabulka table-hover">
  <thead>
    <tr>
      <th scope="col" class="col-4">Rozměry</th>
      <th scope="col" class="col-2">MJ</th>
      <th scope="col" class="col-2">Cena bez DPH</th>
      <th scope="col" class="col-2">Cena s DPH</th>
      <th scope="col" class="col-2">Cena/ks</th>
    </tr>
  </thead>
  <tbody>
  ';

    $list = $sp->fromPlainTextFile($path . "/" . $f);
    foreach ($list as $i) {
        echo '
                <tr>
                <td scope="row" class="col-6">' . $i[0] . '</td>
                <td class="col-2">m<sup>3</sup></td>
                <td class="text_vlevo col-2">' . $i[2] . ',-</td>
                <td class="text_vlevo col-2">' . $i[3] . ',-</td>
                <td class="text_vlevo col-2">' . $i[4] . ',-</td>
                </tr>
                ';
    }
    echo '</tbody></table></div></div></div>';
}
?>
                <div class="card sortiment_accordion">
                    <div class="card-header" id="headingFive">
                        <h2 class="mb-0 sortiment_tabulka_nadpis">
                            <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                Impregnované střešní latě 
                            </button>
                        </h2>
                    </div>

                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
                        <div class="card-body">
                            <table class="table table-sm sortiment_tabulka table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-4">Rozměry</th>
                                        <th scope="col" class="col-2">MJ</th>
                                        <th scope="col" class="col-2">Cena bez DPH</th>
                                        <th scope="col" class="col-2">Cena s DPH</th>
                                        <th scope="col" class="col-2">Cena/ks</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td scope="row" class="col-6">5/3/400</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-2">8,9,-</td>
                                        <td class="text_vlevo col-2">10,77,-</td>
                                        <td class="text_vlevo col-2">43,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-6">6/4/400</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-2">14,8,-</td>
                                        <td class="text_vlevo col-2">17,91,-</td>
                                        <td class="text_vlevo col-2">72,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-6">6/4/500</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-2">14,8,-</td>
                                        <td class="text_vlevo col-2">17,91,-</td>
                                        <td class="text_vlevo col-2">90,-</td>
                                    </tr>

                                </tbody>
                            </table>      
                        </div>


                    </div>
                </div>  
                <div class="card sortiment_accordion">
                    <div class="card-header" id="headingSix">
                        <h2 class="mb-0 sortiment_tabulka_nadpis">
                            <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                OSB desky
                            </button>
                        </h2>
                    </div>

                    <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
                        <div class="card-body">
                            <table class="table table-sm sortiment_tabulka table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-4">Rozměry</th>
                                        <th scope="col" class="col-2">MJ</th>
                                        <th scope="col" class="col-2">Cena bez DPH</th>
                                        <th scope="col" class="col-2">Cena s DPH</th>
                                        <th scope="col" class="col-2">Cena/ks</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td scope="row" class="col-6">1,2/62,5/250</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-2">166,80,-</td>
                                        <td class="text_vlevo col-2">202,-</td>
                                        <td class="text_vlevo col-2">202,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-6">1,5/62,5/250</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-2">207,56,-</td>
                                        <td class="text_vlevo col-2">251,-</td>
                                        <td class="text_vlevo col-2">251,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-6">1,8/62,5/250</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-2">254,-</td>
                                        <td class="text_vlevo col-2">307,-</td>
                                        <td class="text_vlevo col-2">307,-</td>
                                    </tr>
                                </tbody>
                            </table>      
                        </div>

                    </div>
                </div>    
                <div class="card sortiment_accordion">
                    <div class="card-header" id="headingTwo">
                        <h2 class="mb-0 sortiment_tabulka_nadpis">
                            <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                Palubky
                            </button>
                        </h2>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                        <div class="card-body">

                            <table class="table table-sm sortiment_tabulka table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-4">Typ</th>
                                        <th scope="col" class="col-2">Rozměry</th>
                                        <th scope="col" class="col-2">MJ</th>
                                        <th scope="col" class="col-1">Cena bez DPH</th>
                                        <th scope="col" class="col-1">Cena s DPH</th>
                                        <th scope="col" class="col-2">Cena/ks</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td scope="row" class="col-4">Obkladové diag.</td>
                                        <td scope="row" class="col-2">2,4/14,6/300</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">239,-</td>
                                        <td class="text_vlevo col-1">289,19,-</td>
                                        <td class="text_vlevo col-2">127,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,2/9,6/200</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">144,-</td>
                                        <td class="text_vlevo col-1">174,24,-</td>
                                        <td class="text_vlevo col-2">33,46,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,2/9,6/300</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">144,-</td>
                                        <td class="text_vlevo col-1">174,24,-</td>
                                        <td class="text_vlevo col-2">50,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,2/9,6/400</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">144,-</td>
                                        <td class="text_vlevo col-1">174,24,-</td>
                                        <td class="text_vlevo col-2">67,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,2/9,6/500</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">144,-</td>
                                        <td class="text_vlevo col-1">174,24,-</td>
                                        <td class="text_vlevo col-2">84,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL BC</td>
                                        <td scope="row" class="col-2">1,2/9,6/500</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">125,73,-</td>
                                        <td class="text_vlevo col-1">152,-</td>
                                        <td class="text_vlevo col-2">73,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,5/12,1/400</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">187,74,-</td>
                                        <td class="text_vlevo col-1">227,-</td>
                                        <td class="text_vlevo col-2">110,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM KL</td>
                                        <td scope="row" class="col-2">1,9/12,1/400</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">230,-</td>
                                        <td class="text_vlevo col-1">287,-</td>
                                        <td class="text_vlevo col-2">135,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Obkladové SM</td>
                                        <td scope="row" class="col-2">2,8/14,6/420</td>
                                        <td class="col-2">m<sup>2</sup></td>
                                        <td class="text_vlevo col-1">333,-</td>
                                        <td class="text_vlevo col-1">402,93,-</td>
                                        <td class="text_vlevo col-2">247,-</td>
                                    </tr>
                                </tbody>
                            </table>    

                        </div>
                    </div>
                </div>
                <div class="card sortiment_accordion">
                    <div class="card-header" id="headingThree">
                        <h2 class="mb-0 sortiment_tabulka_nadpis">
                            <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                Prkna a fošny
                            </button>
                        </h2>
                    </div>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                        <div class="card-body">

                            <table class="table table-sm sortiment_tabulka table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-4">Typ</th>
                                        <th scope="col" class="col-2">Rozměry</th>
                                        <th scope="col" class="col-2">MJ</th>
                                        <th scope="col" class="col-1">Cena bez DPH</th>
                                        <th scope="col" class="col-1">Cena s DPH</th>
                                        <th scope="col" class="col-2">Cena/ks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/10/300</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4750,-</td>
                                        <td class="text_vlevo col-1">5747,50,-</td>
                                        <td class="text_vlevo col-2">43,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/10/400</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4960,-</td>
                                        <td class="text_vlevo col-1">5674,90,-</td>
                                        <td class="text_vlevo col-2">57,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/14/300</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4690,-</td>
                                        <td class="text_vlevo col-1">5674,90,-</td>
                                        <td class="text_vlevo col-2">60,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/14/400</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4690,-</td>
                                        <td class="text_vlevo col-1">5674,90,-</td>
                                        <td class="text_vlevo col-2">80,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/14/500</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4690,-</td>
                                        <td class="text_vlevo col-1">5674,90,-</td>
                                        <td class="text_vlevo col-2">99,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Prkno</td>
                                        <td scope="row" class="col-2">2,5/15/500</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">4690,-</td>
                                        <td class="text_vlevo col-1">5674,90,-</td>
                                        <td class="text_vlevo col-2">106,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Fošna</td>
                                        <td scope="row" class="col-2">3/16/400</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">6100,-</td>
                                        <td class="text_vlevo col-1">7381,-</td>
                                        <td class="text_vlevo col-2">142,-</td>
                                    <tr>
                                        <td scope="row" class="col-4">Fošna</td>
                                        <td scope="row" class="col-2">3/16/400</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">6100,-</td>
                                        <td class="text_vlevo col-1">7381,-</td>
                                        <td class="text_vlevo col-2">142,-</td>
                                    </tr>
                                    
                                    <tr>
                                        <td scope="row" class="col-4">Fošna</td>
                                        <td scope="row" class="col-2">5/14/400</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">6100,-</td>
                                        <td class="text_vlevo col-1">7381,-</td>
                                        <td class="text_vlevo col-2">207,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Fošna</td>
                                        <td scope="row" class="col-2">5/14/500</td>
                                        <td class="col-2">m<sup>3</sup></td>
                                        <td class="text_vlevo col-1">6100,-</td>
                                        <td class="text_vlevo col-1">7381,-</td>
                                        <td class="text_vlevo col-2">259,-</td>
                                    </tr>
                                </tbody>
                            </table>  

                        </div>
                    </div>
                </div>
                <div class="card sortiment_accordion">
                    <div class="card-header" id="headingFour">
                        <h2 class="mb-0 sortiment_tabulka_nadpis">
                            <button class="btn sortiment_accordion_button collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                Hoblovaný program
                            </button>
                        </h2>
                    </div>

                    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
                        <div class="card-body">
                            <table class="table table-sm sortiment_tabulka table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-4">Typ</th>
                                        <th scope="col" class="col-2">Rozměry</th>
                                        <th scope="col" class="col-2">MJ</th>
                                        <th scope="col" class="col-1">Cena bez DPH</th>
                                        <th scope="col" class="col-1">Cena s DPH</th>
                                        <th scope="col" class="col-2">Cena/ks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td scope="row" class="col-4">Zednické pravítko</td>
                                        <td class="col-2">1,9/11/300</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-1">25,9,-</td>
                                        <td class="text_vlevo col-1">31,34,-</td>
                                        <td class="text_vlevo col-2">94,-</td>
                                    </tr>

                                    <tr>
                                        <td scope="row" class="col-4">Zednické pravítko</td>
                                        <td class="col-2">1,9/12/400</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-1">112,32,-</td>
                                        <td class="text_vlevo col-1">136,-</td>
                                        <td class="text_vlevo col-2">136,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Zednické pravítko</td>
                                        <td class="col-2">1,9/14/4050</td>
                                        <td class="col-2">bm</td>
                                        <td class="text_vlevo col-1">109,35,-</td>
                                        <td class="text_vlevo col-1">132,-</td>
                                        <td class="text_vlevo col-2">132,-</td>
                                    </tr>
                                    <tr>
                                      <td scope="row" class="col-4">Plotovky</td>
                                      <td class="col-2">1,8/7/100</td>
                                      <td class="col-2">ks</td>
                                      <td class="text_vlevo col-1">18,-</td>
                                      <td class="text_vlevo col-1">21,78,-</td>
                                      <td class="text_vlevo col-2">21,78,-</td>
                                    </tr>    
                                    <tr>
                                        <td scope="row" class="col-4">Plotovky</td>
                                        <td class="col-2">1,8/8,2/100</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">21,80,-</td>
                                        <td class="text_vlevo col-1">26,38,-</td>
                                        <td class="text_vlevo col-2">26,38,-</td>
                                    </tr>    
                                    <tr>
                                        <td scope="row" class="col-4">Plotovky</td>
                                        <td class="col-2">1,8/8,2/125</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">26,40,-</td>
                                        <td class="text_vlevo col-1">31,94,-</td>
                                        <td class="text_vlevo col-2">31,94,-</td>
                                    </tr>    
                                    <tr>
                                        <td scope="row" class="col-4">Plotovky</td>
                                        <td class="col-2">1,8/8,2/150</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">32,4,-</td>
                                        <td class="text_vlevo col-1">39,20,-</td>
                                        <td class="text_vlevo col-2">39,20,-</td>
                                    </tr>    
                                    <tr>
                                        <td scope="row" class="col-4">Plotovky</td>
                                        <td class="col-2">1,8/8,2/200</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">43,20,-</td>
                                        <td class="text_vlevo col-1">52,27,-</td>
                                        <td class="text_vlevo col-2">52,27,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Balkonové prkno č.73</td>
                                        <td class="col-2">96/1000</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">38,88,-</td>
                                        <td class="text_vlevo col-1">47,04,-</td>
                                        <td class="text_vlevo col-2">47,04,-</td>
                                    </tr>

                                    <tr>
                                        <td scope="row" class="col-4">Hranol KVH</td>
                                        <td class="col-2">4/6/4000</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">99,83,-</td>
                                        <td class="text_vlevo col-1">121,-</td>
                                        <td class="text_vlevo col-2">121,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. prkno</td>
                                        <td class="col-2">1,9/89/183</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">38,06,-</td>
                                        <td class="text_vlevo col-1">46,-</td>
                                        <td class="text_vlevo col-2">46,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. prkno</td>
                                        <td class="col-2">1,9/89/400</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">91,-</td>
                                        <td class="text_vlevo col-1">110,-</td>
                                        <td class="text_vlevo col-2">110,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. lať</td>
                                        <td class="col-2">2/4,5/200</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">22,36,-</td>
                                        <td class="text_vlevo col-1">27,-</td>
                                        <td class="text_vlevo col-2">27,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. lať</td>
                                        <td class="col-2">2/4,5/300</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">33,54,-</td>
                                        <td class="text_vlevo col-1">41,-</td>
                                        <td class="text_vlevo col-2">41,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. hranol</td>
                                        <td class="col-2">20/20/200</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">38,-</td>
                                        <td class="text_vlevo col-1">46,-</td>
                                        <td class="text_vlevo col-2">46,-</td>
                                    </tr>
                                    <tr>
                                        <td scope="row" class="col-4">Hobl. hranol</td>
                                        <td class="col-2">30/30/200</td>
                                        <td class="col-2">ks</td>
                                        <td class="text_vlevo col-1">63,-</td>
                                        <td class="text_vlevo col-1">76,-</td>
                                        <td class="text_vlevo col-2">76,-</td>
                                    </tr>
                                </tbody>
                            </table>      
                        </div>


                    </div>
                </div>
            </div>

            <hr>

            <p class="sortiment_nadpis">
                Nenašli jste, co jste hledali? Využijte kontaktního formuláře a zeptejte se nás.    
            </p>
            <h3 class="sortiment_schovany_nadpis">Individuální objednávka</h3>

            <div class="row">
                <div class="col-2"></div>
                <div class="col-8">
                    <form id="captcha-form" method="post" action="">
                        <div class="form-group">
                            <input type="email" id="mailInput" name="returnAddress" class="form-control" aria-describedby="emailHelp" placeholder="Vaše e-mailová adresa" required>
                        </div>
                        <div class="form-group">
                            <textarea name="mailContent" class="form-control" placeholder="Mam takovou a makovou představu ..."></textarea>
                        </div>
                        
                        <div class="mb-3 d-flex align-items-center">
                            <canvas id="captcha" width="200" height="80"></canvas>
                            <button type="button" class="btn btn-primary" id="refresh-captcha">Obnovit</button>
                        </div>

                        <div class="mb-3">
                            <label for="captcha-input" class="form-label">Opište CAPTCHA kód</label>
                            <input type="text" class="form-control" id="captcha-input" required>
                        </div>
                        <input type="submit" name="sendMail" class="btn btn-primary">
                    </form>
                </div>
                <div class="col-2"></div>

            </div>
            <?php

            if($_POST["sendMail"]) {
                echo "JOOOO";
            }

            ?>

            
        </main>

        <script src="./js/jquery-3.js"></script>
        <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
        <script src="./js/popper.js"></script>
        <script src="./js/bootstrap.js"></script>
        <script src="./js/captcha.js"></script>
        
    </body></html>