@extends('layouts.store.master')
@section('meta_tags')
    <meta id="errors" content="{{ $errors }}">
    <link rel="stylesheet" href="{{ asset('vendor/toastr/toastr.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/store/checkout.css') }}">
    <style>

    @media only screen and (max-width: 600px) {
        #size-div-one {
           width: 320px
        }

        #size-div-two {
           width: 320px
        }

        .container {
            padding: 20px;
            text-align: -webkit-center;
        }

        .btn-container {
            justify-content: center !important;
        }

        .logo {
            justify-content: center !important;
        }
    }
    </style>
@endsection
@section('page','Inicio')
@section('classes_body','no-mg no-pd')
@section('body')
    @include('store.medicadepot.checkout.partials.breadcrumbs')
        <div class="mt-5 d-flex justify-content-center align-items-center" style="width: 100%; height: 50vh;" id="loading">
            <i class="fas fa-spinner color-blue icon-template me-2"></i> Cargando...
        </div>
        <div class="container" >
            <div class="row col-md-12" style="margin-top:150px" id="container">
                <div class="col-md-4 offset-md-4" style="margin-top: 50px;">
                <img src="{{ asset('img/logo_medica.png') }} " alt="Dominica" style="width: 100%;">
                </div>
                <div style="text-align:center; margin-top:15px; margin-bottom:15px" class="col-md-12">
                    <h4 style="color:#0077C8;font-family: Helvetica-Nueue-Bold;">Muchas gracias por tu compra</h4>
                </div>
            </div>
            <div class="row col-md-9 offset-md-3 btn-container" style="margin-top: 25px;">
                <div class="col-md-4" style="    margin: 10px;">
                    <a href="{{route('store')}}" class="btn btn-danger btn-lg active" role="button" aria-pressed="true" style="background:#DA291C; width:100%" id="button-one">Ir al inicio</a>
                </div>
                <div class="col-md-4" style="    margin: 10px;">
                    <a onclick="openMyOrders()" class="btn btn-primary btn-lg active" role="button" aria-pressed="true" style="background:#0077C8; width:100%" id="button-two">Ir a mis pedido</a>
                </div>
            </div>
        </div>
    <h5 class="section-title">Conoce nuestras marcas</h5>
    @include('layouts.store.brand_carousel')
@endsection
@push('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="{{ asset('vendor/toastr/toastr.min.js') }}"></script>
    <script src="{{ asset('js/store/checkout/information.js') }}"></script>
    @include('store.medicadepot.checkout.scripts.detailsjs')
    @include('layouts.store.scripts.menu-footer')
@endpush