@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                   
                   <h3>Total Carrito</h3>


                    <div class="table-responsive">
                      <table class="table">
                         <thead>
                            <tr>
                              <th class="text-center">Imagen</th>
                              <th class="text-center">Producto</th>
                              <th class="text-center">Precio</th>
                              <th class="text-center">Cantidad</th>
                              <th class="text-center">Subtotal</th>
                              <th class="text-center">Acciones</th>
                            </tr>
                          </thead>
                          <tbody>
                            @foreach($carritos as $carrito)
                            <tr>
                              <td class="text-center">
                                  <img src="{{$carrito->imagen}}" alt="{{$carrito->producto}}" class="mx-auto" style="height: 120px;">
                              </td>
                              <td class="text-center">{{$carrito->producto}}</td>
                              <td class="text-center">
                                @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{$carrito->precio}}
                                @else
                                  {{$carrito->precio}} {{$moneda->simbolo}}
                                @endif
                              </td>
                              <td class="text-center">{{$carrito->cantidad}}</td>
                              <td class="text-center">
                                @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{ ($carrito->precio * $carrito->cantidad) }}
                                @else
                                  {{ ($carrito->precio * $carrito->cantidad) }} {{$moneda->simbolo}}
                                @endif
                              </td>
                              <td class="text-center">
                                  <a class="btn btn-info text-white" data-toggle="modal" data-target="#actualizar" onclick="cantidad('{{$carrito->id}}','{{$carrito->cantidad}}')"> <i class="fa fa-pencil "></i> 
                                  </a>

                                  <a class="btn btn-danger text-white" href="{{route('carrito-delete', $carrito->id)}}"> <i class="fa fa-close"></i>
                                  </a>
                              </td>
                            </tr>
                            @endforeach
                          </tbody>
                      </table>
                    </div>


            <form method="POST" action="{{route('carrito-pago-save')}}" enctype="multipart/form-data">
            {{ csrf_field() }}

                    <div class="row mt-3">
                        <div class="col-md-6">
                            <h3 class="text-center">Detalles de Facturación</h3>

                            <div class="row">
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="checkbox" class="form-check-input rellenar" onclick="rellenardatos()">
                                        <label>Rellenar los campos con sus Datos Personales</label>
                                    </div>    
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Nombre</label>
                                      <input type="text" name="nombre" class="form-control nombre" value="{{ old('nombre') }}" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Apellido</label>
                                      <input type="text" name="apellido" class="form-control apellido" value="{{ old('apellido') }}" required>
                                    </div>  
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                      <label>Correo Electronico</label>
                                      <input type="email" name="correo" class="form-control correo" value="{{ old('correo') }}" required>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                      <label>País</label>
                                        <select class="form-control pais" name="pais" required>
                                            <option value="" selected disabled>Seleccione una Opción</option>
                                            @foreach($paises as $pais)
                                                <option value="{{$pais->id}}" {{ old('pais') == $pais->id ? 'selected' : '' }} >{{$pais->nombre}}</option>
                                            @endforeach
                                        </select>
                                    </div>  
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                      <label>Dirección</label>
                                      <input type="text" name="direccion" class="form-control direccion" value="{{ old('direccion') }}" required>
                                    </div>  
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Departamento / Estado</label>
                                      <input type="text" name="departamento" class="form-control departamento" value="{{ old('departamento') }}" required>
                                    </div>  
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Ciudad</label>
                                      <input type="text" name="ciudad" class="form-control ciudad" value="{{ old('ciudad') }}" required>
                                    </div>  
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Código Postal</label>
                                      <input type="text" name="codigo" class="form-control codigo" value="{{ old('codigo') }}" required>
                                    </div>  
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label>Celular</label>
                                      <input type="text" name="telefono" class="form-control telefono" value="{{ old('telefono') }}" required>
                                    </div>  
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">

                            <div class="row">
                                
                                @if($cupones->count() > 0)
                                <div class="col-md-12">  
                                    <div class="form-group">
                                       <h3 class="mb-2 mt-3">Cupones</h3>
                                    </div>
                                </div>    
                            
                                <div class="col-md-12">  
                                    <div class="form-group">
                                        <select class="form-control" name="cupon">
                                            <option value="" selected disabled>Seleccione una Opción</option>
                                            @foreach($cupones as $cupon)
                                                <option value="{{$cupon->id}}">{{$cupon->cupon->titulo}} ({{ ($cupon->cupon->descuento * 100) }} %) </option>
                                            @endforeach
                                        </select>
                                    </div>        
                                </div> 
                                @endif
                                
                                
                                <div class="col-md-12">  
                                    <div class="form-group">
                                       <h3 class="mb-2 mt-3">Envío</h3>
                                    </div>
                                </div>
                                
                                @if($departamento->isNotEmpty())
                                
                                <div class="col-md-6">    
                                  <div class="form-group">  
                                  <label>Seleccione un Departamento / Estado</label>
                                    <select class="form-control" name="departamento" id="departamento" onchange="buscarCapital()" required>
                                    <option value="" selected disabled>Seleccion una Opcion</option>
                                     @foreach($departamento as $depa)
                                      <option value="{{$depa->id}}">{{$depa->nombre}}</option>
                                     @endforeach
                                    </select> 
                                    </div>
                                  </div> 
                                  
                                <div class="col-md-6">    
                                   <div class="form-group"> 
                                  <label>Seleccione una Ciudad / Municipio</label>
                                    <select class="form-control" name="capital" id="capital" onchange="almacenardatos()" required>
                                      <option value="" selected disabled>Seleccion una Opcion</option>
                         
                                    </select> 
                                    </div>
                                </div> 
                                
                               @endif

                            </div>

                            <textarea class="form-control" name="envio" rows="6"></textarea>

                            <h3 class="text-center mb-2 mt-3">Tu Pedido</h3>

                            <ul class="list-group">
                                <li class="list-group-item">
                                    <h4 class="text-center">
                                    Subtotal:

                                @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{$general}}
                                @else
                                  {{$general}} {{$moneda->simbolo}}
                                @endif
                                    </h4>
                                </li>
                                
                                @if($descuento > 0)
                                <li class="list-group-item">
                                    <h4 class="text-center">
                                    Descuento:

                                @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{$descuento}}
                                @else
                                  {{$descuento}} {{$moneda->simbolo}}
                                @endif
                                    </h4>
                                </li>
                                @endif


                                @if($ivatotal > 0)  
                                <li class="list-group-item">
                                    <h4 class="text-center">
                                  Iva: 
                                  @if ($moneda->mostrar_a_d)
                                    {{$moneda->simbolo}} {{ $ivatotal }}
                                  @else
                                    {{ $ivatotal }} {{$moneda->simbolo}}
                                  @endif
                                    </h4>
                                </li>
                                @endif


                                 
                                <li class="list-group-item">
                                    <h4 class="text-center costo">
                                  Costo envio: 
                                  @if ($moneda->mostrar_a_d)
                                    {{$moneda->simbolo}} 0
                                  @else
                                    0 {{$moneda->simbolo}}
                                  @endif
                                    </h4>
                                </li>
                                

                                <li class="list-group-item">
                                    <h4 class="text-center total">
                                    Total: 

                                @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{$montoGeneral}}
                                @else
                                  {{$montoGeneral}} {{$moneda->simbolo}}
                                @endif
                                    </h4>
                                </li>

                                @if($setinpun)  
                                 <li class="list-group-item">
                                    <h4 class="text-center">
                                       Puntos: {{ $puntos}}
                                    </h4>   
                                 </li>
                                @endif 
                            </ul>


                            <h3 class="text-center mt-3 mb-2">Métodos de pago</h3>
          
                            <div class="col-md-12">
                              @foreach($metodosPagos as $metodo)
                                <div class="form-check mb-2 mt-2">
                                   <input class="form-check-input2" type="radio" name="radio" value="{{$metodo->id}}" required onclick="mostrarSoporte(this.value)">
                                    <label class="form-check-label">
                                      {{$metodo->nombre}} @if($metodo->id == '3' && $metodo->aprobado_automatico == 1) (aprobación automática de compra) @endif
                     
                                    @if($metodo->imagen != null)
                                      <img src="{{asset('/metodospagos/'.$metodo->imagen)}}" alt="{{$metodo->nombre}}" style="width: 100px;">
                                    @endif
                                    </label>
                                </div>
                              @endforeach
                            </div>
                            
                            
                            <div class="col-md-12 mt-5 soporte" style="display:none;">
                                <div class="form-group">
                                    @if($banco != null)
                                      {!! $banco->contenido !!}
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="input-group mt-4">
                                        <div class="custom-file">
                                           <input type="file" class="custom-file-input" name="archivo">
                                           <label class="custom-file-label">Seleccione un archivo</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="row">
                                    
                                    <div class="col-md-6">
                                       <a class="btn btn-danger btn-block" href="{{ route('tienda-index') }}">Seguir Comprando</a>
                                    </div>
                                    
                                    <div class="col-md-6">
                                       <button class="btn btn-info btn-block" type="submit">Realizar Pedido</button>
                                    </div>
                                    
                                    <div class="col-md-6 mt-2">
                                       <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#codigodescuento">Código Influencer</a>
                                    </div>
                                   
                                </div>
                            </div>

                        </div>
                    </div>

            </form>        

                </div>
            </div>
        </div>
    </div>                
</div>




<div class="modal fade" id="actualizar" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Ingresar Cantidad</h5>
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          </div>
            <div class="modal-body">
                
            <form action="{{route('carrito-actualizar')}}" method="post">
             {{ csrf_field() }}
             
            <div class="row">
              
              <input type="hidden" class="id" name="id">

              <div class="col-md-12">
                <div class="form-group">
                  <label>Cantidad</label>
                  <input type="number" class="form-control canti" name="cantidad" min="1">
                </div>
              </div>
           
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>  
              </div>
           

            </div>

            </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="codigodescuento" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Ingresar Código Influencer</h5>
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          </div>
            <div class="modal-body">
                
            <form action="{{route('carrito-insert-codigo')}}" method="post">
             {{ csrf_field() }}
             
            <div class="row">
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Código Influencer</label>
                  <input type="text" class="form-control" name="codigo" required value="{{ ($codigodescuento == null) ? '' : $codigodescuento->codigo }}">
                </div>
              </div>
              
              
              {{--<div class="col-md-12">
                <div class="form-group">
                  <label>Pin</label>
                  <input type="text" class="form-control" name="pin" value="{{ ($codigodescuento == null) ? '' : $codigodescuento->pin }}">
                </div>
              </div>--}}
              
           
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>  
              </div>
           

            </div>

            </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection       

@push('script')
<script type="text/javascript">

    function cantidad(id, cantidad){
        $('.id').val(id);
        $('.canti').val(cantidad);
    }  


    function buscarCapital(){
        
        $('#capital').empty(); 
        var depa = $('#departamento').val();

        $.get('{{request()->root()}}/tienda/envio/'+depa, function (response) {
           capitales = JSON.parse(response)
      
           $('#capital').append($('<option>', {
             value: "",
             text : "Seleciona una Opcion" 
           }));
        
           capitales.forEach(item => {
             $('#capital').append($('<option>', {
                value: item.id,
                text : ""+item.nombre
             }));
           })
      
        })
    }
    
    function almacenardatos(){
      
        var capi = $('#capital').val();
      
        @foreach($capital as $capit)
            if('{{$capit->id}}' == capi){
                
                var total = parseFloat(parseFloat('{{$capit->costo}}') + parseFloat('{{$montoGeneral}}')).toFixed(2);
                
                @if($moneda->mostrar_a_d)
                   $('.costo').text('Costo envio: {{$moneda->simbolo}} {{$capit->costo}}');
                   $('.total').text('Total: {{$moneda->simbolo}} '+ total);
                @else
                   $('.costo').text('Costo envio: {{$capit->costo}} {{$moneda->simbolo}}');
                   $('.total').text('Total: '+  total +' {{$moneda->simbolo}}');
                @endif
            }
        @endforeach
      
      /*
      var departa = $('#departamento').val();
      var capi = $('#capital').val();
    
       $.get('{{request()->root()}}/tienda/almacenar/'+departa+'/'+capi, function (response) {
        
        location.reload();
       })
       */
    
    }
    
    
    function mostrarSoporte(valor){
        
        if(valor == 2){
            $('.soporte').show()
        }else{
            $('.soporte').hide()
        }
    }
    
    
    function rellenardatos(){
        if($('.rellenar').prop('checked')) {
           
           
           $('.nombre').val('{{Auth::user()->usercampo->firstname}}');
           $('.apellido').val('{{Auth::user()->usercampo->lastname}}');
           $('.correo').val('{{Auth::user()->user_email}}');
           $('.direccion').val('{{Auth::user()->usercampo->direccion}}');
           $('.departamento').val('{{Auth::user()->usercampo->estado}}');
           $('.ciudad').val('{{Auth::user()->usercampo->ciudad}}');
           $('.codigo').val('{{Auth::user()->usercampo->codigo}}');
           $('.telefono').val('{{Auth::user()->usercampo->phone}}');
           $(".pais option[value='{{Auth::user()->usercampo->idpais}}']").attr("selected", true);
           
        }else{
           
           $('.nombre').val('');
           $('.apellido').val('');
           $('.correo').val('');
           $('.direccion').val('');
           $('.departamento').val('');
           $('.ciudad').val('');
           $('.codigo').val('');
           $('.telefono').val(''); 
           $(".pais option[value='{{Auth::user()->usercampo->idpais}}']").attr("selected", false);
           $('.pais').val('');
        }
    }

</script>
@endpush