@extends('layouts.index.master2')

  {{-- lang html tag --}}

  @section('lang'){{$lang}}@stop

  {{-- Title Head --}}

  @section('title'){{$title}}@stop

  {{-- Metatag Head --}}

  @section('Content-Type','text/html; charset=UTF-8')
  @section('x-ua-compatible','ie=edge')
  @section('keywords','')
  @section('description','')
  @section('facebookUrl','')
  @section('facebookImage','')
  @section('viewport','width=device-width, initial-scale=1')

  <!--Menu Blanco-->
  @section('menuCSS','css/menu/menu-black.css?v='.cache("js_version_number").'')

  {{-- Angular Controller --}}

  @section('controller','pedidos')

  {{-- Body --}}

  @section('content')

  <section style="background-color: #DADADA;">

    <div class="row">

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

        <h4>

        @php

        $mudanza = json_decode(json_encode($objeto->pedidoMudanza[0]));
        $objetos = json_decode(json_encode($objeto->objetos));
        $distancia = json_decode(json_encode($objeto->distancia));
        $cliente = json_decode(json_encode($objeto->cliente[0]));

        echo "<br /><br />Pedido de la mudanza:<br /><br />";

        echo "KM a recorrer: ".$distancia."<br /><br />";

        foreach($mudanza AS $key => $value){


          $llave = str_replace('_',' ',$key);

          if($llave=="mudanza de tipo"){
            echo "<br />Origen:<br />";
          }
          if($llave=="mudanza a tipo"){
            echo "<br />Destino:<br />";
          }

          if($llave=="mudanza de elevador" || $llave=="mudanza a elevador"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza traslado"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza cargar"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza descargar"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza acomodar"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza de volar"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza a volar"){
            echo "".$llave.": ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza hoyMismo"){
            echo "Mudanza Ahorita Mismo: ".(($value==1)?'Si':'No')."<br />";
          } else if($llave=="mudanza de latitude" || $llave=="mudanza de longitude" ||
                    $llave=="mudanza a latitude" || $llave=="mudanza a longitude"){
          }  else {
            echo "".$llave.": ".$value."<br />";
          }

          if($llave=="mudanza de direccion"){
            echo "<a target='_blank' style='font-size: 18px;' href='https://www.google.com.mx/maps/@".$mudanza->mudanza_de_latitude.",".$mudanza->mudanza_de_longitude.",15z'>https://www.google.com.mx/maps/@".$mudanza->mudanza_de_latitude.",".$mudanza->mudanza_de_longitude.",15z</a><br />";
            echo "<a target='_blank' style='font-size: 18px;' href='https://maps.google.com/maps?q=".$mudanza->mudanza_de_latitude.",".$mudanza->mudanza_de_longitude."'>https://maps.google.com/maps?q=".$mudanza->mudanza_de_latitude.",".$mudanza->mudanza_de_longitude."</a><br />";
          }
          if($llave=="mudanza a direccion"){
            echo "<a target='_blank' style='font-size: 18px;' href='https://www.google.com.mx/maps/@".$mudanza->mudanza_a_latitude.",".$mudanza->mudanza_a_longitude.",15z'>https://www.google.com.mx/maps/@".$mudanza->mudanza_a_latitude.",".$mudanza->mudanza_a_longitude.",15z</a><br />";
            echo "<a target='_blank' style='font-size: 18px;' href='https://maps.google.com/maps?q=".$mudanza->mudanza_a_latitude.",".$mudanza->mudanza_a_longitude."'>https://maps.google.com/maps?q=".$mudanza->mudanza_a_latitude.",".$mudanza->mudanza_a_longitude."</a><br />";
          }

          if($llave=="mudanza a elevador"){
            echo "<br />";
          }

        }

        echo "<br /><br />Lista de Objetos:<br /><br />";



        foreach($objetos AS $value){
          if($value->objetos_cantidad!=0){
            echo "Descripción: ".str_replace('_',' ',$value->objetos_descripcion)."<br />";
            echo "Cantidad: ".$value->objetos_cantidad."<br />";
            echo "Servicios: ".(($value->objetos_armar==1)?'Armar, ':'')."".(($value->objetos_desarmar==1)?'Desarmar, ':'')."".(($value->objetos_envolver==1)?'Envolver, ':'')."".(($value->objetos_fragil==1)?'Fragil ':'')."<br /><br />";
          }
        }

        echo "Otro Objetos Descripción: ".$objetos[count($objetos)-1]-> objetos_descripcion."";

//[objetos_desarmar] => 0 [objetos_envolver] => 0 [objetos_fragil] => 0 [objetos_categoria] => CAT2 [objetos_precio] => 250 [objetos_suplemento] => 1 ) 1


        echo "<br /><br />Datos del cliente que pidió la mudanza:<br /><br />";

        foreach($cliente AS $key => $value){

          if($key=="c_foto" && $value!=""){

            echo "Foto de perfil: <br /><img class='size' style='width: 400px;' src='data:image/bmp;base64,".$value."' />'<br />";

          } else if($key=="c_foto" && $value==""){

            echo "Foto de perfil: No tiene<br />";

          } else if($key!="c_passwd"){

            echo "".$key.": ".$value."<br />";

          }
        }

        echo "<br /><br /><br /><br /><br /><br />";

        echo "<br /><br />";

        
        foreach($objeto->fotos AS $img){
          echo "<img class='size' style='width: 400px; margin-top: 20px;' src='data:image/bmp;base64,".$img->foto_base64."' /><br />";
        }
        

        echo "<br /><br /><br /><br /><br /><br />";

        if($mudanza->mudanza_transportista==0){
          echo "No tiene transportista asignado (refresca nuevamente ésta página para estar seguro)<br /><br />";
        }

        if($mudanza->mudanza_cancelacion==0 && $mudanza->mudanza_presupuesto_aceptado!=-1){
          echo "No se ha cancelado (refresca nuevamente ésta página para estar seguro)<br /><br />";
        } else {
          echo "Se ha cancelado (refresca nuevamente ésta página para estar seguro)<br /><br />";
        }

        if($mudanza->mudanza_presupuesto_aceptado==1){
          echo '<button id="send1" onclick="abrirModal2();" class="btn btn-primary" type="button">Asignar Transportista</button><br /><br />';
        }

        if($mudanza->mudanza_aceptar==1){
          echo "Ya se Aceptó la revisión (refresca nuevamente ésta página para estar seguro)<br /><br />";
        } else {

          if($mudanza->mudanza_monto_total==""){
            echo '<button id="send1" onclick="abrirModal();" class="btn btn-primary" type="button">Mandar Cotización del Pedido</button><br /><br />';
          } else {
            echo "Ya se mandó el presupuesto<br />";
          }
          if($mudanza->mudanza_aceptar!=-1 && $mudanza->mudanza_monto_total==""){
            echo '<button id="send1" ng-click="aceptar('.$mudanza->mudanza_id.',-1, 1)" class="btn btn-danger" type="button">Mandar a Revisión de Imágenes</button><br /><br />';
          } else {
            echo "Ya se mandó revisión de imágenes";
          }
        }

        echo "<br /><br /><br /><br /><br /><br />";

        @endphp

        </h4>

      </div>

    </div>

  </section>

  <!-- Monto Modal -->
  <div class="modal modal-signup" id="montoModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
      <div class="col-md-4"></div>
      <div class="col-md-4" style="margin: 30px auto; padding-top: 30px; padding-bottom: 30px;">
          <div class="modal-content" style="overflow-y: auto; ">
              <div class="modal-header">
                  <button style="float: left; color: red; opacity: 1;" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                  <h3 class="modal-title" style="text-align: center; color: #a3a3a3;">Enviar Cotización</h3>
                  <!--<p class="intro text-center">It only takes 3 minutes!</p>-->
              </div>
              <div style="height: 400px;" class="modal-body col-md-12">

                <!--SendLinkPass part-->

                <div clas="row">
                  <div class="text-center col-md-12">
                      <ul style="margin: 0;" class="list-unstyled social-login">
                          <form method="post" id="sendLinkPassForm" name="sendLinkPassForm" action="{{ url('/web/api/monto') }}">
                            {{ csrf_field() }}
                            <li style="margin: 0;" class="col-md-12">
                              <div class="col-md-2"></div>
                              <div class="input-group input-group-lg col-md-8">
                                <span style="padding: 0px 9px 0px 8px; font-size: 12px; height: 30px; margin-top: 0px;" class="input-group-addon zmdi zmdi-money" id="sizing-addon1"></span>
                                <input id="monto" type="text" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="monto" placeholder="8600" required>

                              </div>
                              <div class="col-md-2"></div>
                            </li>
                            <li style="margin: 20px 0 0 0;" class="col-md-12">
                              <div class="col-md-2"></div>
                              <div class="input-group input-group-lg col-md-8">
                                @php
                                  if($mudanza->mudanza_hoyMismo==1){
                                    echo '
                                    <span style="padding: 0px 9px 0px 8px; font-size: 12px; height: 30px; margin-top: 0px;" class="input-group-addon zmdi zmdi-time" id="sizing-addon1"></span>
                                    <input id="tiempoEspera" type="text" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="tiempoEspera" placeholder="en minutos" required>
                                    ';
                                  }
                                @endphp
                              </div>
                              <div class="col-md-2"></div>
                            </li>
                            <li>

                              <div class="">

                                <input value="@php echo $cliente->c_id; @endphp" id="cliente_id" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="cliente_id" required>
                                <input value="1" id="servicio" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="servicio"  required>
                                <input value="@php echo $mudanza->mudanza_id; @endphp" id="id" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="id" required>

                              </div>
                            </li>
                            <li style="margin: 20px 0 0 0;" class="col-md-12">
                              <div class="text-center col-md-12">
                                <button id="sendLinkPassButtonSubmit" class="btn btn-lg btn-primary" type="submit">
                                  Enviar
                                </button>
                              </div>
                            </li>
                          </form>
                          <div style="padding-top: 20px;" class="hidden-sm hidden-md hidden-lg"></div>
                      </ul>
                  </div>
                  <!--<div class="divider"><span>Or</span></div>-->
                </div> <!-- fin Button --> <!--fin row-->


              </div><!--//modal-body-->
              <!--
              <div class="modal-footer">
                  <p>Already have an account? <a class="login-link" id="login-link" href="http://themes.3rdwavemedia.com/tempo/1.4/#">Log in</a></p>
              </div>--><!--//modal-footer-->
          </div><!--//modal-content-->
      </div><!--//modal-dialog col-md-8-->
      <div class="col-md-4"></div>
  </div><!--//modal-->



  <!-- Chofer Modal -->
  <div class="modal modal-signup" id="choferModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
      <div class="col-md-4"></div>
      <div class="col-md-4" style="margin: 30px auto; padding-top: 30px; padding-bottom: 30px;">
          <div class="modal-content" style="overflow-y: auto; ">
              <div class="modal-header">
                  <button style="float: left; color: red; opacity: 1;" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                  <h3 class="modal-title" style="text-align: center; color: #a3a3a3;">Asignación Transportista</h3>
                  <!--<p class="intro text-center">It only takes 3 minutes!</p>-->
              </div>
              <div style="height: 400px;" class="modal-body col-md-12">

                <!--SendLinkPass part-->

                <div clas="row">
                  <div class="text-center col-md-12">
                      <ul style="margin: 0;" class="list-unstyled social-login">
                          <form method="post" id="sendLinkPassForm" name="sendLinkPassForm" action="{{ url('/web/api/monto') }}">
                            {{ csrf_field() }}
                            <li style="margin: 0;" class="col-md-12">
                              <div class="col-md-2"></div>
                              <div class="col-md-8">
                                <input id="nombre" type="text" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; color: #a3a3a3;" class="form-control" name="nombre" placeholder="Francisco Torres" required>

                              </div>
                              <div class="col-md-2"></div>
                            </li>
                            <li style="margin: 0;" class="col-md-12">
                              <div class="col-md-2"></div>
                              <div class="col-md-8">
                                <input id="placas" type="text" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; color: #a3a3a3;" class="form-control" name="placas" placeholder="6465TUY" required>

                              </div>
                              <div class="col-md-2"></div>
                            </li>
                            <li style="margin: 20px 0 0 0;" class="col-md-12">
                              <div class="col-md-2"></div>
                              <div class="input-group input-group-lg col-md-8">
                                    <span style="padding: 0px 9px 0px 8px; font-size: 12px; height: 30px; margin-top: 0px;" class="input-group-addon zmdi zmdi-time" id="sizing-addon1"></span>
                                    <input id="tiempoEspera" type="text" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="tiempoEspera" placeholder="en minutos" required>
                              </div>
                              <div class="col-md-2"></div>
                            </li>
                            <li>

                              <div class="">

                                <input value="@php echo $cliente->c_id; @endphp" id="cliente_id" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="cliente_id" required>
                                <input value="1" id="servicio" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="servicio"  required>
                                <input value="@php echo $mudanza->mudanza_id; @endphp" id="id" type="hidden" style="padding-left: 10px; border: 1px solid #ccc; height: 37px; font-size: 13px;" class="form-control" name="id" required>

                              </div>
                            </li>
                            <li style="margin: 20px 0 0 0;" class="col-md-12">
                              <div class="text-center col-md-12">
                                <button id="sendLinkPassButtonSubmit" class="btn btn-lg btn-primary" type="submit">
                                  Enviar
                                </button>
                              </div>
                            </li>
                          </form>
                          <div style="padding-top: 20px;" class="hidden-sm hidden-md hidden-lg"></div>
                      </ul>
                  </div>
                  <!--<div class="divider"><span>Or</span></div>-->
                </div> <!-- fin Button --> <!--fin row-->


              </div><!--//modal-body-->
              <!--
              <div class="modal-footer">
                  <p>Already have an account? <a class="login-link" id="login-link" href="http://themes.3rdwavemedia.com/tempo/1.4/#">Log in</a></p>
              </div>--><!--//modal-footer-->
          </div><!--//modal-content-->
      </div><!--//modal-dialog col-md-8-->
      <div class="col-md-4"></div>
  </div><!--//modal-->

  <script type="text/javascript">
    function abrirModal(){
      $("#montoModal").modal("open");
    }
    function abrirModal2(){
      $("#choferModal").modal("open");
    }

       

  </script>

  @stop