@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">Entrega</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">Entrega</p>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- Checkout Start -->
    
    <form action="{{ route('site.finishCart', session()->get('order') ) }}" method="POST">
    <div class="container-fluid pt-5">
        <div class="row px-xl-5">
            
              @method('PUT')
              <x-alert/>

              @csrf()
                <div class="col-lg-6">
                    <div class="mb-4">
                        <h4 class="font-weight-semi-bold mb-4">Dados de Entreaga</h4>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>Província</label>
                                <select class="custom-select" name="provincia">
                                    <option selected>Luanda</option> 
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Local da entrega</label>
                                <input class="form-control" type="text" name="local">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Telefone</label>
                                <input class="form-control" type="number" name="telefone">
                            </div> 
                            <div class="col-md-6 form-group">
                                <label for="obs">Observação</label>
                                <textarea class="form-control" name="obs" id="obs" cols="30" rows="10"></textarea> 
                            </div>     
                        </div>
                    </div> 

                </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">Pedido Total</h4>
                        </div>
                        <div class="card-body">
                            <h5 class="font-weight-medium mb-3">Productos</h5>
                            
                            @php
                                $total = 0;
                            @endphp
                            @foreach ($carts->items() as $cart)
                                @php
                                    $total += $cart->product['preco']*$cart->qtd;
                                @endphp
                                    
                                <div class="d-flex justify-content-between">
                                    <p>{{ $cart->product['nome'] }}</p>
                                    <p>{{ $cart->product['preco']*$cart->qtd }}</p>
                                </div>
                            @endforeach
                            <hr class="mt-0">
                            <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">{{ $entrega+$total }}</h5>
                                <input type="hidden" name="total" value="{{ $total }}">
                            </div>
                        </div>
                    </div>
                     
                    <div class="card border-secondary mb-5">
                        <div class="card-header bg-secondary border-0">
                            <h4 class="font-weight-semi-bold m-0">Forma de pagamento</h4>
                        </div>
                        <div class="card-body">
                                <div class="custom-control">
                                    <select  class="form-control" name="paymentMethod">
                                        <option value="C">Cash</option>
                                        <option value="T">Transferência</option>
                                        <option value="D">Depósito</option>
                                    </select> 
                                </div>
                             
                        </div>
                        <div class="card-footer border-secondary bg-transparent">
                            <button type="submit" class="btn btn-lg btn-block btn-primary font-weight-bold my-3 py-3">Solicitar Produtos</button>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    
</form>
    <!-- Checkout End -->


@endsection
  
 
  

@section('products')
   
@endsection
  

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