@extends('site.layouts.app')

@section('title', 'PROTECTOR - INICIATIVAS')


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

       
@section('services')
   
    

    <!-- Page Header Start -->
    <div class="container-fluid bg-warning mb-5">
        <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 300px">
            <h4 class="font-weight-semi-bold text-uppercase mb-3">Solicitar Visita</h4>
             
        </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 da Visita</h4>
                        <div class="row"> 
                            <div class="col-md-6 form-group">
                                <label>Local do Posto</label>
                                <input class="form-control" type="text" name="local" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Telefone</label>
                                <input class="form-control" type="number" name="telefone" required>
                            </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" required></textarea> 
                            </div>     
                        </div>
                    </div> 

                </div>
                <div class="col-lg-4">
                    <div class="card mb-5">
                        <div class="card-header bg-warning border-0">
                            <h4 class="font-weight-semi-bold m-0">SERVIÇOS SOLICITADOS</h4>
                        </div>
                        <div class="card-body">
                            <h5 class="font-weight-medium mb-3"></h5>
                            @php
                                $total = 0;
                            @endphp
                            @foreach ($carts->items() as $cart)
                                @php
                                     
                                @endphp
                                    
                                <div class="d-flex justify-content-between">
                                    <p>{{ $cart->product['nome'] }}</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"> </h6>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h6 class="font-weight-medium">Entrega</h6>
                                <h6 class="font-weight-medium"> </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"></h5>
                                <input type="hidden" name="total" value="0">
                            </div>
                        </div>-->
                    </div>
                     
                    <input type="hidden" name="total" value="0">
                    <input type="hidden" name="paymentMethod" value="T">
                    <div class="card 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 bg-transparent">
                            <button type="submit" class="btn btn-lg btn-block btn-warning font-weight-bold my-3 py-3">Marcar Visita</button>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    
</form>
    <!-- Checkout End -->


    @endsection
   
      
 
    <!-- End Services Section -->



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