@extends('app')

@section('content')

<div class="container-fluid">

    <div class="row">

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

            <div id="report-panel" class="panel panel-default">

                <div class="panel-heading">
                    <h4 class="panel-title"></h4>
                </div>

                <div class="panel-body">

                    <div class="panel-info">
                    Seleccione un marcador para mostrar más información
                    </div>

                    <form class="form-horizontal">
                        <div class="green-only">
                            <div class="form-group">
                                <label class="control-label col-sm-4">Nombre</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-first-name">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Apellidos</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-last-name">
                                </div>
                            </div>

                            <hr>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Teléfono</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-phone">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Celular</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-cellphone">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Ocupación</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-occupation">
                                </div>
                            </div>
                            <hr>
                        </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Calle</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-street">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Número Exterior</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-num-ext">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Número Interior</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-num-int">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-sm-4">Código Postal</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-zip-code">
                                </div>
                            </div>

                        <div class="green-only">
                            <div class="form-group">
                                <label class="control-label col-sm-4">Entrega Kit</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-kit-deliver">
                                </div>
                            </div>
                        </div>

                        <div class="green-only">
                            <div class="form-group">
                                <label class="control-label col-sm-4">Pedido</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-request">
                                </div>
                            </div>
                        </div>

                        <div class="yellow-only">
                            <hr>
                            <div class="form-group">
                                <label class="control-label col-sm-4">Fecha de contacto</label>
                                <div class="col-sm-6">
                                    <p class="form-control-static" id="report-contact-date">
                                </div>
                            </div>
                        </div>


                        </form>

                </div>

            </div>

        </div>


        <div class="col-md-7">
            <div id="map" style="width:100%px; height:600px"></div>
        </div>

    </div>
</div>

@endsection

@section('script')
<!-- Incluir google maps -->
<script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAh4sRBGkKiHEu1gX-2yNS6RuhjjIBcxKM&sensor=TRUE">
</script>
{!! Html::script('js/reports/map.js') !!}
@endsection