@extends('layouts.app', [
    'title' => 'Корзина',
    'descriptionPage' => 'Ваша корзина для заказа на нашем сайте',
    'keysPage' => '',])

@section('head')
    <meta http-equiv="Last-Modified" content="">
    <meta property="og:title" content="Корзина">
    <meta property="og:image" content="<img class= src='{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}/storage/{{$setting->logo}}' >">
    <meta property="og:type" content="page">
    <meta property="og:url" content="{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}{{$_SERVER['REQUEST_URI']}}">
    <meta property="og:description" content="Ваша корзина для заказа на нашем сайте">
@endsection

@section('content')


    <div class="container mt-3" style="min-height: 80vh">
        <div class="row">
            <div class="col-md-12">
                <h2 class="mt-50 mb-4">Корзина</h2>
                <table class="table mt-4 mb-4" id="cartall" style="margin-left: -9px;" >
                    <thead>
                    <tr>
                        <th>Наименование</th>
                        <th>Цена</th>
                        <th>Количество</th>
                    </tr>
                    </thead>
                    <tbody id="tableaddprod">

                    </tbody>
                    <tr class="t-head"></tr>
                </table>

                <div class="row mt-50"  id="cartsumm">
                    <div class="col-12">
                        <h4>Общая: <span id="summacart"></span></h4>
                    </div>
                    <div class="col-12 mt-3 mb-50">
                        <button type="button" onclick="saveOrder()" class="btn btn-success">Заказать</button>
                    </div>
                </div>
                <div class="d-none" id="cartnull">
                    <p>В корзине пока что ничего нет.</p>
                </div>
                <div  class="d-none" id="cartok">
                    <h4>Ваш заказ успешно отправлен!</h4>
                    <p>Скоро с вами свяжется менеджер.</p>
                </div>
            </div>
        </div>
    </div>

    <div id="app"></div>

    <div class="bg-all-modal d-none" id="bgallmodal">
        <div class="all-data-modal" >
            <div class="close-modal-icon" onclick="saveOrder()" >
                <i class="fa-solid fa-xmark"></i>
            </div>
            <section class="bootstrap-select">
                <h3>Контактная информация</h3>
                <form  class="pb-2">
                    <div class="form-group-new">
                        <label>Ф.И.О.</label>
                        <input type="text" id="zakazname"  class="form-control" placeholder="Ф.И.О."/>
                    </div>
                    <div class="form-group-new">
                        <label>Телефон</label>
                        <input type="text" id="zakazphone"  class="form-control" placeholder="Телефон"/>
                    </div>
                    <div class="form-group-new">
                        <label>Почта</label>
                        <input type="email" id="zakazemail" class="form-control" placeholder="Почта"/>
                    </div>
                    <div class="form-group-new">
                        <label>Адрес доставки</label>
                        <input type="text" id="zakazadres" class="form-control" placeholder="Адрес доставки"/>
                    </div>
                    <div class="form-group-new">
                        <label>Реквизиты</label>
                        <input type="text" id="zakazpays" class="form-control" placeholder="Реквизиты"/>
                    </div>
                    <div class="form-group-new">
                        <label>Комментарий</label>
                        <input type="text" id="zakaztext" class="form-control" placeholder="Комментарий"/>
                    </div>
                    <button type="button" onclick="orderCart()" class="btn btn-success mt-4 waves-effect waves-float waves-light">Заказать
                    </button>
                </form>
            </section>
        </div>
    </div>

@endsection