<!DOCTYPE html>
<html lang="ru" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <!-- MDB icon -->
    <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
    <!-- Google Fonts Roboto -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"/>
    <!-- MDB -->
    <link rel="stylesheet" href="css/mdb.min.css"/>
    <link rel="stylesheet" href="css/mdb.min.css"/>
    <!-- carousel -->
    <link rel="stylesheet" href="https://active-vision.ru/wa-data/public/blog/download/owl.carousel.min.css">
    <link rel="stylesheet" href="https://active-vision.ru/wa-data/public/blog/download/owl.theme.default.min.css">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://active-vision.ru/wa-data/public/blog/download/owl.carousel.min.js"></script>
    <!-- index.css -->

    <link rel="stylesheet" href="css/style.css">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J9YQGB9VRB"></script>
    <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J9YQGB9VRB');

    </script>

    <title>Farmers Market</title>

</head>


<body>

<header class="header">
    <div class="bg-image" style="height: 200px; background-image: url('static/img/fonstolaNew.jpg');">
        <div class="container-xl d-flex justify-content-start align-items-center h-100">
            <div class="text-success">
                <h1>Фермерские продукты</h1>
            </div>
        </div>
    </div>
</header>

<div class="container-fluid sticky-top px-0">
    <nav class="navbar navbar-expand-md bg-light mx-0">
        <div class="container-fluid">
            <a class="navbar-brand" href="/">КФХ Овчинникова ВА</a>
            <button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
                    data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Переключатель навигации">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="/">Наша продукция</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/services">Услуги</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contacts">Контакты</a>
                    </li>
                </ul>

                <!-- Корзина -->
                <div class="mx-1">

                    <div class="dropdown">
                        <button type="button" class="btn btn-success dropdown-toggle" data-mdb-toggle="dropdown"
                                aria-expanded="false" data-mdb-auto-close="outside">Корзина
                        </button>
                        <div class="dropdown-menu" style="width: 400px">
                            <form class="p-2">
                                <h5 class="card-title">Ваш заказ</h5>
                                <div data-cart-empty class="alert alert-secondary" role="alert">
                                    Корзина пуста
                                </div>

                                <div class="cart-wrapper">

                                    <!-- cart-item -->

                                </div>

                                <div class="d-grid m-1 d-none">
                                    <button type="button" class="btn btn-success" data-mdb-toggle="modal"
                                            data-mdb-target="#exampleModal">Оформить заказ <span
                                            class="total-price">0</span> <span
                                            class="rouble">Br</span></button>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </nav>
</div>

<!-- Категории -->
<div class="container-fluid bg-light py-3 mb-2">
    <div class="container-xl">
        <div class="owl-carousel owl-theme mx-auto" id="slider">
            <!--Слайд-->
            <div class="slide">
                <div class="card" style="width: 12rem; rounded-3">
                    <div>
                        <img src="/img/c9d58648-7ae5-4aaa-873c-a6b32f373cee.%D0%91%D0%B5%D0%B7%20%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F.jfif" class="card-img-top img-slid"
                             alt="...">
                    </div>
                    <div class="card-body text-center">
                        <a href="/%D0%9E%D0%B2%D0%BE%D1%89%D0%B8" class="btn btn-success"
                           methods="post">Овощи</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container mb-5">
    <div class="row">

        <!-- Продукты -->
        
    </div>
</div>

<footer class="container-fluid bg-black text-center">
    <div class="row pt-2">
        <p>&copy;pandl.by</p>
    </div>
    <div class="row">
        <a href="https://farm-market2.pandl.by" target="_blank">FM 2.0</a>
    </div>
</footer>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Оформление заказа</h5>
                <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pb-1">
                <div class="order">
                    <div>
                        <h6>Ваши данные</h6>
                    </div>

                    <div class="row mb-4">
                        <div class="col">
                            <div class="form-outline">
                                <input type="text" id="form6Example1" class="form-control" name="firstName"/>
                                <label class="form-label" for="form6Example1">Имя</label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-outline">
                                <input type="text" id="form6Example2" class="form-control" name="lastName"/>
                                <label class="form-label" for="form6Example2">Фамилия</label>
                            </div>
                        </div>
                    </div>

                    <!-- Number input -->
                    <div class="form-outline mb-4">
                        <input type="tel" id="form6Example6" class="form-control" name="telephone"/>
                        <label class="form-label" for="form6Example6">Телефон</label>
                    </div>
                    <hr>
                    <div>
                        <h6>Получение заказа</h6>
                    </div>
                    <div>
                        <p>ул. Луговая, 8 п. Зеленый Дуб Буда-Кошелевский район Гомельская обл.</p>
                    </div>
                    <hr>
                    <div>
                        <h6>Состав заказа</h6>
                    </div>
                    <div class="cart-order-wrapper">

                        <!-- cartOrderWrapper -->

                    </div>
                    <hr>
                    <div>
                        <h6>Итого к оплате <span class="total-price">0</span></h6>
                    </div>

                    <!-- Submit button -->
                    <button class="btn btn-success btn-block" data-mdb-dismiss="modal" onclick="orderDetails()">
                        Подтвердить заказ
                    </button>
                </div>
            </div>
            <div class="modal-footer pt-1">
                <p>После подтверждения заказа с Вами свяжется специалист для обсуждения более детальной
                    информации</p>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/JScript.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript"></script>
</body>
</html>