@extends('site.layouts.app')

@section('title', 'CDS - SISTEMAS')


@section('topbar')
    @include('site.partials.topbar')
@endsection

@section('navbar')
    
    <!-- Page Header Start -->
    <div class="container-fluid bg-secondary mb-5">
        <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 100px">
            <h1 class="font-weight-semi-bold text-uppercase mb-3">Meu Carrinho</h1>
            <div class="d-inline-flex">
                <p class="m-0"><a href="{{ route('site.index') }}">Home</a></p>
                <p class="m-0 px-2">-</p>
                <p class="m-0">Meu Carrinho</p>
                <p><x-alert/></p>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- Cart Start -->
    <div class="container-fluid pt-5">
        <div class="row px-xl-5">
            <div class="col-lg-8 table-responsive mb-5">
                <table class="table table-bordered text-center mb-0">
                    <thead class="bg-secondary text-dark">
                        <tr>
                            <th>Producto</th>
                            <th>Preço</th>
                            <th>Quantidade</th>
                            <th>Subtotal</th> 
                        </tr>
                    </thead>
                    <tbody class="align-middle">
                        
                        @php
                        $total = 0;
                        @endphp
                        @if ($cartz!=null)
                              
                            @foreach ($cartz->items() as $cart)
                            @php
                                $total += $cart->product['preco']*$cart->qtd;
                            @endphp
                                <tr>
                                    <td class="align-middle"><img src="{{ asset('images/'.$cart->product['img'])}}" alt="" style="width: 50px;"> {{ $cart->product['nome'] }}</td>
                                    <td class="align-middle">{{ $cart->product['preco'] }}</td>
                                    <td class="align-middle"> 
                                            {{ number_format($cart->qtd, 0, '', '') }}        
                                    </td>
                                    <td class="align-middle">{{ $cart->product['preco']*$cart->qtd }}</td>
                                     
                                </tr>
                            @endforeach  
                            
                        @else
                            
                        <a href="{{ route('site.index') }}" class="btn btn-block btn-primary my-3 py-3">Adicionar</a>
                        @endif  
                    </tbody>
                </table>
            </div>
            
            @if ($cartz!=null)
                <div class="col-lg-4"> 
                    <div class="card border-secondary mb-5">
                        <div class="card-header bg-secondary border-0">
                            <h4 class="font-weight-semi-bold m-0">Resumo do carrinho</h4>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3 pt-1">
                                <h6 class="font-weight-medium">Subtotal</h6>
                                <h6 class="font-weight-medium">{{ $total }}</h6>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h6 class="font-weight-medium">Entrega</h6>
                                <h6 class="font-weight-medium">{{ $entrega}}</h6>
                            </div>
                        </div>
                        <div class="card-footer border-secondary bg-transparent">
                            <div class="d-flex justify-content-between mt-2">
                                <h5 class="font-weight-bold">Total</h5>
                                <h5 class="font-weight-bold">{{ $total + $entrega}}</h5>
                            </div> 
                        </div>
                    </div>
                </div>
            @endif    
        </div>
    </div>
    <!-- Cart End -->

@endsection
  
 
  

@section('products')
   
@endsection
  

@section('footer')
    @include('site.partials.footer')
@endsection