@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: 300px">
            <h1 class="font-weight-semi-bold text-uppercase mb-3">Meu Carrinho</h1>
            <div class="d-inline-flex">
                <p class="m-0"><a href="">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>Total</th>
                            <th>Atualizar</th>
                            <th>Remover</th>
                        </tr>
                    </thead>
                    <tbody class="align-middle">
                        
                        @php
                            $total = 0;
                        @endphp
                        @foreach ($carts->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>
                                
                                <form action="{{ route('cart.update', [$cart->id]) }}" method="post">
                                    @csrf()
                                    @method('PATCH') 
                                    <input type="hidden" name="id" value="{{ $cart->id }}">
                                    <td class="align-middle">
                                    <div class="input-group quantity mx-auto" style="width: 200px;">
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-sm btn-primary btn-minus" >
                                            <i class="fa fa-minus"></i>
                                            </button>
                                        </div>
                                        <input type="number" name="qtd" step="1" min="1" class="form-control form-control-sm bg-secondary text-center" value="{{ number_format($cart->qtd, 0, '', '') }}">
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-sm btn-primary btn-plus">
                                                <i class="fa fa-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </td>
                                <td class="align-middle">{{ $cart->product['preco']*$cart->qtd }}</td>
                                <td class="align-middle">
                                    
                                    
                                        <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i></button></td>
                                    </form>
                             
                                <td class="align-middle">
                                    
                                    <form action="{{ route('cart.destroy', [$cart->id]) }}" method="post">
                                        @csrf()
                                        @method('DELETE') 
                                    
                                        <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-times"></i></button></td>
                                    </form>
                            </tr>
                        @endforeach  
                    </tbody>
                </table>
            </div>
            <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>
                        <a href="{{ route('site.endCart') }}" class="btn btn-block btn-primary my-3 py-3">Finalizar Carrinho</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Cart End -->

@endsection
  
 
  

@section('products')
   
@endsection
  

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