@extends('layouts.app')
@section('seo')
    <title>Twój koszyk - {{infoEmail()->host}} - Sklep dla robotyków</title>
    <meta property="og:locale" content="pl_PL"/>
    <meta property="og:type" content="website"/>
    <meta property="og:image" content="/assets/img/logo/logo.png"/>
    <meta property="og:site_name" content="{{infoEmail()->host}}"/>
    <meta itemprop="copyrightHolder" content="{{infoEmail()->host}}"/>
    <meta name="author" content="{{infoEmail()->host}}"/>
@stop
@section('content')
    <!--breadcrumbs area start-->
    <div class="breadcrumbs_area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        <h1 style="font-size: 30px;line-height: 50px;margin-bottom: 9px;">Koszyk</h1>
                        <ul>
                            <li><a href="/">Strona Główna</a></li>
                            <li>Twój koszyk</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--breadcrumbs area end-->
    <div class="container">
        <div class="" style="display: none" id="notice" role="alert">
          
        </div>
    </div>

    <!--shopping cart area start -->
    <livewire:carts.index/>
    <!--shopping cart area end -->

@stop
@section('js2')
    <script>
        let data = {};
        data['secret'] = btoa('freightplan');
        data['plan'] = {
            total: 0,
            country_code: 'PL'
        }
        let url = 'https://www.batterycloud.co/ship';
        $.ajax({
            url: url,
            data: data,
            timeout: 1500,
            method: 'post',
            success: function (response) {
                if (response.status === 1) {
                    $('#notice').attr({'style':'display:block'});
                    $('#notice strong').html(response.button_text)
                    $('#notice').append(response.cart_text);
                }
            }
        })
    </script>
@stop