@extends('layouts.shopping')

@section('content')
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
    <h5 class="my-0 mr-md-auto font-weight-normal">Nombre Empresa</h5>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-8 pr-3">
            <div class="row">
                <div class="col-sm-12">
                    <div class="bs-stepper">
                        <div class="bs-stepper-header">
                            <!-- your steps here -->
                            <div class="step">
                                <span class="bs-stepper-circle bg-primary">1</span>
                            </div>
                            <div class="line"></div>
                            <div class="step">
                                <span class="bs-stepper-circle">2</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header bg-primary">
                            Datos Personales
                        </div>
                        <div class="card-body">
                            @livewire('payment-component')
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            @livewire('cart-resume-component')
        </div>
    </div>
</div>


@endsection

@section('adminlte_css')
<style>
    h6{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        background: white;
    }
</style>
@stop

@section('adminlte_js')
<script>
    
    
</script>
@stop