@extends('layouts.site')

@section('content')

<h4 class="mt-5">Concluir Compra
  <hr>
</h4>

<form action="{{ route('loja.carrinho.finalizar.compra') }}" method="POST">
  @csrf
  <div class="row">
    <div class="col-12 col-md-7 col-lg-7">
      <!-- Informações Cliente -->
      <h5 class="mt-4">Dados Pessoais
        <hr>
      </h5>
      <div class="row">
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="nome">Nome</label>
          <input type="text" name="nome" class="form-control" id="nome" value="{{ $cliente->nome }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="email">E-Mail</label>
          <input type="email" name="email" class="form-control" id="email" value="{{ $cliente->email }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="cpf">CPF</label>
          <input type="text" name="cpf" class="form-control" id="cpf" value="{{ $cliente->cpf }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="telefone">Telefone</label>
          <input type="text" name="telefone" class="form-control" id="telefone" value="{{ $telefone->telefone_1 }}" readonly>
        </div>
      </div>

      <!-- Informações Endereço -->
      <h5 class="my-4">Endereço de Entrega
        <hr>
      </h5>
      <div class="row">
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="logradouro">Logradouro</label>
          <input type="text" name="logradouro" class="form-control" id="logradouro" value="{{ $endereco->logradouro }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="numero">Número</label>
          <input type="text" name="numero" class="form-control" id="numero" value="{{ $endereco->numero }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="complemento">Complemento</label>
          <input type="text" name="complemento" class="form-control" id="complemento" value="{{ $endereco->complemento }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="bairro">Bairro</label>
          <input type="text" name="bairro" class="form-control" id="bairro" value="{{ $endereco->bairro }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="cep">CEP</label>
          <input type="text" name="cep" class="form-control" id="cep" value="{{ $endereco->cep }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="cidade">Cidade</label>
          <input type="text" name="cidade" class="form-control" id="cidade" value="{{ $endereco->cidade }}" readonly>
        </div>
        <div class="col-12 col-md-6 col-lg-6 form-group">
          <label for="uf">Estado</label>
          <input type="text" name="uf" class="form-control" id="uf" value="{{ $endereco->uf }}" readonly>
        </div>
      </div>
    </div>

    <div class="col-12 col-md-5 col-lg-5 mt-4 box-checkout-carrinho">
      <!-- Informações Produto -->
      @if(count($array_produtos) > 0)
      <div class="row">
        <h5>Carrinho de Compras
          <hr>
        </h5>
      </div>
      @foreach($array_produtos as $key => $produto)
      <input type="hidden" name="produto_id[]" value="{{ $produto->id }}">
      <div class="row">
        <div class="col-12 col-md-5 col-lg-5 fw-bold">
          <input type="hidden" name="id_produto_checkout" class="id_produto_checkout" value="{{ $produto->id }}">
          {{ $produto->nome_produto }}
        </div>
        <div class="col-12 col-md-2 col-lg-2 fw-bold">
          @if($produto->valor_promocao > 0)
            {{ number_format($produto->valor_promocao,2,',','.') }}
          @else
            {{ number_format($produto->valor,2,',','.') }}
          @endif
        </div>
        <div class="col-12 col-md-2 col-lg-2 fw-bold text-center">
          @foreach($array_produtos_quantidades[$key] as $qtd)
          @php
          $quantidade_carrinho = $qtd;
          @endphp
          <input type="hidden" name="quantidade_produto_checkout[]" class="quantidade_produto_checkout" value="{{ $quantidade_carrinho }}">
          <input type="number" class="form-control form-control-sm quantidade_produto_carrinho_{{ $key }}" name="quantidade_produto_carrinho" id="quantidade_produto_carrinho" value="{{ $quantidade_carrinho }}" onChange="atualiza_quantidade_carrinho({{ $produto->id }},{{ $key }})">
          @endforeach
        </div>
        <div class="col-12 col-md-3 col-lg-3 fw-bold text-end">
          @if($produto->valor_promocao > 0)
          R$ {{ number_format($produto->valor_promocao*$quantidade_carrinho,2,',','.') }}
          @else
          R$ {{ number_format($produto->valor*$quantidade_carrinho,2,',','.') }}
          @endif
        </div>
        <div class="col-12">
          <hr>
        </div>
      </div>
      @endforeach
      <div class="row">
        <!-- Informações Forma Pagamento -->
        <div class="row">
          <div class="col-12">
            <h5>Forma de Pagamento
              <hr>
            </h5>
          </div>
          <div class="col-12 col-md-12 col-lg-12 form-group">
            <label for="forma_pagamento">Forma de Pagamento</label>
            <select name="forma_pagamento" class="form-control form-control-sm" id="forma_pagamento">
              @foreach($forma_pagamentos as $fp)
              <option value="{{ $fp->id }}">{{ $fp->tipo }}</option>
              @endforeach
            </select>
          </div>
        </div>
      </div>
      <hr>
      <div class="row">
        <form class="form" id="formulario-calcular-frete" method="POST">
          @csrf
          <h5>Calcular Frete
            <hr>
          </h5>
          <div class="form-group">
            <div class="row">
              <div class="col-12 col-md-5 col-lg-5">
                <input type="text" name="cep_frete" class="form-control form-control-sm" id="cep_frete" placeholder="CEP (Somente Números)" required>
              </div>
              <div class="col-12 col-md-4 col-lg-4 fw-bold">
                <input type="radio" name="forma_envio" id="pac" value="41106">&nbsp;PAC
                <input type="radio" name="forma_envio" id="sedex" value="40010">&nbsp;SEDEX
              </div>
              <div class="col-12 col-md-3 col-lg-3">
                <button type="button" class="btn btn-sm btn-primary" onclick="calcular_frete_checkout();">Calcular</button>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="row mt-4">
        <div class="form-group">
          <label for="valor_cep_frete_mais_valor_produto" class="fw-bold">Valor Total</label>
          <input type="text" name="valor_cep_frete_mais_valor_produto" class="form-control form-control-sm d-none" id="valor_cep_frete_mais_valor_produto_finalizar" readonly>
          <div class="d-none" id="frete_tempo_entrega"></div>
        </div>
      </div>
      <div class="row">
        <input type="hidden" name="cliente_id" value="{{ $cliente->id }}">
        <input type="hidden" name="endereco_id" value="{{ $endereco->id }}">
        <button type="submit" class="col-6 offset-3 btn btn-sm btn-block btn-success my-5">Concluir Compra</button>
      </div>
      @endif
    </div>
  </div>
</form>

@endsection