/home/dvjjulio/softtrash/resources/views/movil/index.blade.php
<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>Metropolitana movil</title>

        <meta name="description" content="ProUI is a Responsive Bootstrap Admin Template created by pixelcave and published on Themeforest.">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">

        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="img/favicon.ico">
        <link rel="apple-touch-icon" href="img/icon57.png" sizes="57x57">
        <link rel="apple-touch-icon" href="img/icon72.png" sizes="72x72">
        <link rel="apple-touch-icon" href="img/icon76.png" sizes="76x76">
        <link rel="apple-touch-icon" href="img/icon114.png" sizes="114x114">
        <link rel="apple-touch-icon" href="img/icon120.png" sizes="120x120">
        <link rel="apple-touch-icon" href="img/icon144.png" sizes="144x144">
        <link rel="apple-touch-icon" href="img/icon152.png" sizes="152x152">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Bootstrap is included in its original form, unaltered -->
        <link rel="stylesheet" href="{!! URL::to('/').'/css/bootstrap.min.css' !!}">

        <!-- Related styles of various icon packs and plugins -->
        <link rel="stylesheet" href="{!! URL::to('/') !!}/css/plugins.css">

        <!-- The main stylesheet of this template. All Bootstrap overwrites are defined in here -->
        <link rel="stylesheet" href="{!! URL::to('/') !!}/css/main.css">

        <!-- Include a specific file here from css/themes/ folder to alter the default theme of the template -->

        <!-- The themes stylesheet of this template (for using specific theme color in individual elements - must included last) -->
        <link rel="stylesheet" href="{!! URL::to('/') !!}/css/themes.css">
        <link rel="stylesheet" href="{!! URL::to('/') !!}/css/themes/night.css">

        <!-- Include Date Range Picker -->
        <link rel="stylesheet" type="text/css" href="{!! URL::to('/') !!}/plugins/daterangepicker/daterangepicker-bs3.css" />

        <!-- END Stylesheets -->

        <!-- JQUERY GOOGLE -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script type="text/javascript">
            main_path = '{!! URL::to('/') !!}';
        </script>
        <!-- Modernizr (browser feature detection library) & Respond.js (Enable responsive CSS code on browsers that don't support it, eg IE8) -->
        <script src="{!! URL::to('/').'/js/vendor/modernizr-2.7.1-respond-1.4.2.min.js' !!}"></script>
    </head>
    <body>
<div id="page-content">
	<div class="content-header">
		<ul class="nav-horizontal text-center">
			<li class="active">
			<a href="{!! URL::To('/').'/movil/index' !!}"><i class="gi gi-shop_window"></i> Inicio</a>
			</li>
			<li>
			<a href="{!! URL::To('/').'/movil/route' !!}"><i class="gi gi-shop_window"></i> Orden</a>
			</li>
		</ul>
	</div>
 @if($history->getData()->status === true)
	<div id="inicio_dia" class="block {!! ($history->getData()->status === false)? 'hide' : '' !!}" >
		<div class="block-title">
		  <h2>Bienvenido: <strong>{!! ($_COOKIE['user'] == null ) ? URL::To('/') : $_COOKIE['user'] !!}</strong></h2>
          <div class="block-options pull-right">
            <a href="{!! URL::To('/').'/movil/logout' !!}" class="btn btn-alt btn-sm btn-default" data-toggle="tooltip" title="" data-original-title="Salir"><i class="fa fa-sign-out"></i></a>
            </div>
		</div>
		<form action="page_forms_general.php" method="post" class="form-horizontal form-bordered" onsubmit="return false;">
            <input type="hidden" name="_token" id="csrf-token" value="{{ csrf_token() }}" />
			<div class="form-group">
                <div class="col-md-12 text-left">
				    <label class="control-label text-left" for="example-hf-email">Vehículo: <strong><span id="camion">{!! $user[0]->placas !!}</span></strong></label><span style="color:red; font-size:10px" onclick="History.changeCamion();" id="changeCamion"> Cambiar</span>
                </div>
			</div>
			<div class="form-group">
				<div class="col-md-12 text-left">
					<label class="control-label" for="example-hf-password">Ingresa el Kilometraje:</label>
				</div>
				<div class="col-md-12">
					<input type="number" id="km-input" type="number" class="form-control" placeholder="101032">
				</div>
			</div>
			<div class="form-group">
				<div class="col-md-12 text-center">
					<label class="control-label" for="example-hf-password">Ingresa las Observaciones:</label>
				</div>
				<div class="col-md-12">
					<textarea class="form-control" id="obs-input" placeholder="Ingresa tus observaciones.."></textarea>
				</div>
			</div>
			<div class="form-group form-actions">
				<div id="inicio-btn-div" class="col-md-12 text-center">
					<button id="inicio-btn" type="submit" data-userid="{!! $user[0]->id !!}" data-camionid="{!! $user[0]->camion_id !!}"  class="btn btn-lg btn-success" onclick="History.getInicio(this)"><i class="fa fa-play"></i> Inicio Ruta</button>
				</div>
			</div>
		</form>
	</div>
@endif
@if($history->getData()->status === false)
    <div id="termino_dia" class="block {!! ($history->getData()->data[0]->fecha_termino == '0000-00-00 00:00:00' )? '' : 'hide' !!}">
        <div class="block-title">
        <h2>Bienvenido: <strong>{!! ($_COOKIE['user'] == null ) ? URL::To('/') : $_COOKIE['user'] !!}</strong></h2>
        <div class="block-options pull-right">
            <a href="{!! URL::To('/').'/movil/logout' !!}" class="btn btn-alt btn-sm btn-default" data-toggle="tooltip" title="" data-original-title="Salir"><i class="fa fa-sign-out"></i></a>
            </div>
        </div>
        <form action="page_forms_general.php" method="post" class="form-horizontal form-bordered" onsubmit="return false;">
            <input type="hidden" name="_token" id="csrf-token" value="{{ csrf_token() }}" />
            <div class="form-group">
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Vehículo:
                             <strong>{!! $user[0]->placas !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Hora de Inicio:
                             <strong>{!! date('h:i:s a', strtotime($history->getData()->data[0]->hora_inicio)) !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Kilometraje:
                             <strong>{!! $history->getData()->data[0]->kilometraje_inicio !!}</strong>
                     </label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-12 text-center">
                    <label class="control-label" for="example-hf-password">Ingresa el Kilometraje:</label>
                </div>
                <div class="col-md-12">
                    <input type="number" id="km-termino-input" min="{!! $history->getData()->data[0]->kilometraje_inicio !!}" type="number" class="form-control" placeholder="{!! $history->getData()->data[0]->kilometraje_inicio !!}">
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-12 text-center">
                    <label class="control-label" for="example-hf-password">Ingresa las Observaciones:</label>
                </div>
                <div class="col-md-12">
                    <textarea class="form-control" id="obs-termino-input" placeholder="Ingresa tus observaciones.."></textarea>
                </div>
            </div>
            @if(isset($reciclables))

                <div class="form-group">
                    <div class="col-md-12 text-center">
                        <label class="control-label" for="example-hf-password">Precio de Reciclable:</label>
                    </div>
                    @foreach ($reciclables as $key => $value)
                        <div class="col-md-3">
                            <label class="control-label" for="example-hf-password">{{ $value->reciclable }}:</label>
                        </div>
                        <div class="col-md-9">
                            <input type="number" min="0" step="0.01" class="form-control" data-reciclable_id="{{ $value->reciclable_id }}" id="reciclable-input-{{ $key }}" placeholder="00.0"/>
                        </div>
                    @endforeach
                    
                </div>

            @endif

            <div class="form-group form-actions">
                <div class="col-md-12 text-center">
                <button type="submit" data-reciclable="{{ (isset($reciclables))? count($reciclables) : 0  }}" data-km="{!! $history->getData()->data[0]->kilometraje_inicio !!}" data-id="{!! $history->getData()->data[0]->id !!}" class="btn btn-lg btn-danger" onclick="History.getTermino(this)"><i class="fa fa-stop"></i> Termino Ruta</button>
                </div>
            </div>
        </form>
    </div>
    <div id="info_dia" class="block {!! ($history->getData()->data[0]->fecha_termino == '0000-00-00 00:00:00' )? 'hide' : '' !!}">
        <div class="block-title">
        <h2>Bienvenido: <strong>{!! $user[0]->username !!}</strong></h2>
        </div>
        <form action="page_forms_general.php" method="post" class="form-horizontal form-bordered" onsubmit="return false;">
            <input type="hidden" name="_token" id="csrf-token" value="{{ csrf_token() }}" />
            <div class="form-group">
                <div class="col-md-12 text-center">
                    <label class="control-label" for="example-hf-email">
                             <strong>{!! Helper::mostrar_fecha_completa($history->getData()->data[0]->fecha) !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Vehículo:
                             <strong>{!! $user[0]->placas !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Hora de Inicio:
                             <strong>{!! date('h:i:s a', strtotime($history->getData()->data[0]->hora_inicio)) !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Kilometraje:
                             <strong>{!! $history->getData()->data[0]->kilometraje_inicio !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Observaciones:
                             <strong>{!! $history->getData()->data[0]->observaciones_inicio !!}</strong>
                     </label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Hora de Termino:
                             <strong>{!! date('h:i:s a', strtotime($history->getData()->data[0]->hora_termino)) !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Kilometraje:
                             <strong>{!! $history->getData()->data[0]->kilometraje_termino !!}</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Observaciones:
                             <strong>{!! $history->getData()->data[0]->observaciones_termino !!}</strong>
                     </label>
                </div>
            </div>
            
           
            @if(isset($reciclables))
                <div class="form-group">
                    @foreach ($reciclables as $key => $value)
                        <div class="col-md-12 text-left">
                            <label class="control-label" for="example-hf-email">Costo {{ $value->reciclable }}:
                                        <strong>${{ number_format($value->costo_pago,2) }}</strong>
                            </label>
                        </div>
                    @endforeach
                </div>
            @endif

            <div class="form-group">
                <div class="col-md-12 text-center">
                    <label class="control-label" for="example-hf-email">Resúmen
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Tiempo trabajado:
                             <strong>{!! Helper::getDif($history->getData()->data[0]->hora_inicio,$history->getData()->data[0]->hora_termino) !!} hrs.</strong>
                     </label>
                </div>
                <div class="col-md-12 text-left">
                    <label class="control-label" for="example-hf-email">Kilometraje Recorrido:
                             <strong>{!! ($history->getData()->data[0]->kilometraje_termino != "")? ($history->getData()->data[0]->kilometraje_termino - $history->getData()->data[0]->kilometraje_inicio) : 0 !!} km.</strong>
                     </label>
                </div>
            </div>
        </form>
    </div>
    @endif
</div>

            </div>
        </div>
        <a href="#" id="to-top"><i class="fa fa-angle-double-up"></i></a>


        <!-- Remember to include excanvas for IE8 chart support -->
        <!--[if IE 8]><script src="{!! URL::to('/').'/js/helpers/excanvas.min.js' !!}"></script><![endif]-->
        {!! Html::script("/js/app.js") !!}
       {!! Html::script("/js/movil/history.js") !!}

        <!-- Include Jquery library from Google's CDN but if something goes wrong get Jquery from local file (Remove 'http:' if you have SSL) -->
        <script>!window.jQuery && document.write(decodeURI('%3Cscript src="js/vendor/jquery-1.11.1.min.js"%3E%3C/script%3E'));</script>

        <!-- Bootstrap.js, Jquery plugins and Custom JS code -->
        <script src="{!! URL::to('/').'/js/vendor/bootstrap.min.js' !!}"></script>
        <script src="{!! URL::to('/').'/js/plugins.js' !!} "></script>

        <!-- Google Maps API + Gmaps Plugin, must be loaded in the page you would like to use maps (Remove 'http:' if you have SSL) -->
        <!-- Load and execute javascript code used only in this page -->
        <script src="{!! URL::to('/').'/js/pages/index.js' !!}"></script>


    </body>
</html>