@extends ('body_content')

{{--@section('menu-sidebar')--}}
{{--@include('menu-sidebar.professional')--}}
{{--@stop--}}

@section ('body')
    <section class="ng-cloak" ng-cloak ng-app="professionalListQuotesApp" ng-controller="professionalCtrl as professional">

        <div class="">
            <div class="row">

                <!-- main start -->
                <!-- ================ -->
                <div class=" col-md-12">

                    <!-- page-title start -->
                    <!-- ================ -->
                    <div ng-show="professional.listRequest.length">
                    <h3 class="page-title t0ken">Listado de solicitudes que puedes cotizar</h3>
                    <div class="separator-2"></div>
                    </div>
                    <!-- page-title end -->
                    {{--<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit Illo quaerat <br> commodi excepturi dignissimos!</p>--}}



                    <div ng-show="!professional.noService">
                        <div class="separator"></div>
                        <h3 class="title text-center"> No tiene servicios agregados en sus preferencias</h3>
                        <p class="title text-center"><a href="profesional-servicios">  Agregar servicios </a>    </p>
                        <div class="separator"></div>
                    </div>

                    <div ng-show="professional.noService && professional.listRequest.length==0">
                        <div class="separator"></div>
                        <h3 class="title text-center"> No hay solicitudes de servicios para sus preferencias</h3>
                        <p class="title text-center"><a href="profesional-servicios">  Aseg&uacute;rese de que tiene servicios agregados en sus preferencias </a>    </p>
                        <div class="separator"></div>
                    </div>




                    <div class="pv-20 ng-cloak" ng-cloak>

                        <div class="image-box style-3-b" ng-repeat="request in professional.listRequest">

                                                  

                            <div class="row">
                                <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                                    <div class="testimonial text-center" style="padding:0;">
                                        <div class="testimonial-image">
                                            {{--<img src="images/testimonial-1.jpg" alt="Jane Doe" title="Jane Doe" class="img-circle">--}}
                                            <img src="@{{request.avatar}}" style="height: 90px;width: 90px" class="img-circle">
                                        </div>
                                        <h3 style="text-transform: capitalize">@{{ request.nombre}} @{{ request.apellido }}</h3>
                                        <div class="mt-5"></div>
                                        <h3 class="margin-top-clear" ng-show="request.id_tipo_identificacion==9">Empresa: @{{ request.empresa}}XXX</h3>

                                        <div id="promedio_@{{request.idpersona}}" class="promedio_@{{request.idpersona}} mt-5">  <input name="rating" ng-value="request.rating_promedio || 0" class="valoracion rating-loading" data-size="xss">
                                        </div>


                                        <a ng-show="!request.quote" href="profesional-prosupuestar#/?solicitud=@{{request.id}}" class="btn btn-default-transparent btn-sm">Presupuestar <i class="fa fa-chevron-right pl-10"></i></a>
                                        <div ng-show="request.quote">
                                            <i class="fa fa-check-circle-o fa-2x text-default" aria-hidden="true"></i>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-9 col-md-9 col-lg-9">
                                    <div>


                                         <div>   Projecto del Tipo : <strong> @{{ request.root_service.nombre }} </strong>  en la ciudad de   <strong> @{{  request.ciudadNombre }} </strong> publicado @{{ request.creado }} @{{ request.created_at }} </div>

                                        {{--<br>--}}
                                        {{--<br>--}}
                                        {{--<br>--}}
                                        {{--<p class="mb-5"><i class="fa fa-map-marker" aria-hidden="true"></i> Ciudad: <strong>  @{{  request.people.ciudad.nombre }} </strong>   </p>--}}
                                        {{--<p class="mb-5"><i class="fa fa-calendar" aria-hidden="true"></i> @{{ request.creado }}</p>--}}

                                        <div class="mb-20">

                                            Presupuestos recibidos: <span class="text-default" style="font-size: 1.2em"> <strong> @{{  request.countQuotes }} </strong> </span>
                                            {{--<i class="fa fa-exclamation" aria-hidden="true"></i>--}}
                                        </div>

                                        <div class="col-md-5" ng-switch="request.quote">
                                          
                                             <h5 class="title">
                                                <a ng-href="profesional-prosupuestar#/?solicitud=@{{request.id}}" ng-switch-when="null" > @{{ request.root_service.nombre }} </a>
                                            </h5>



                                            <div ng-show="!request.quote">
                                                <ul class="nav nav-pills nav-stacked list-style-icons"
                                                    ng-repeat="srv in request.services">

                                                    {{--<li><a ng-href="profesional-prosupuestar#/?solicitud=@{{request.id}}"><i class="icon-check-1"></i> @{{srv.nombre}} </a></li>--}}
                                                    <li><a ng-href="profesional-prosupuestar#/?solicitud=@{{request.id}}"><i class="fa fa-chevron-circle-right"></i> @{{srv.nombre}} </a></li>
                                                </ul>
                                            </div>

                                            <div ng-show="request.quote">

                                                <h5 class="title">
                                                    @{{ request.root_service.nombre }}

                                                </h5>
                                                <div>
                                                    <ul class="nav nav-pills nav-stacked list-style-icons fix-text-list"
                                                        ng-repeat="srv in request.services">
                                                        <li> <div>  <i class="icon-check-1"></i></i> @{{srv.nombre}} </div> </li>
                                                    </ul>
                                                </div>
                                            </div>

                                        </div>
                                  {{--       @{{request.quote.visto}} --}}
                                    
                                        <div class="col-md-7"> 
                                               <div ng-show="request.quote">
                                               <div class="mb-10" ng-show="request.quote.visto>=1">
                                                    <i class="fa fa-eye text-default"></i> Le&iacute;do
                                                </div>
                                                <div class="mb-10" ng-show="request.quote.visto==0">
                                                    <i class="fa fa-eye-slash"></i> No Le&iacute;do
                                                </div>
                                               <div class="mb-10">
                                                   <span><strong> Monto: </strong></span>
                                                   <span class="text-default"><strong>$@{{request.quote.costo}}.00</strong></span>
                                               </div>
                                               <div class="mb-10">
                                                <span><strong> Mensaje:</strong></span>  @{{request.quote.descripcion}}
                                               </div>
                                            </div>
                                        </div>
                                                                                
                                       
                                    </div>
                                </div>
                            </div>
                            <hr>
                        </div>

                    </div>
             
                    <div class="row">
                        <!-- pagination start -->         
                          <nav class="text-center" ng-show="professional.listRequest.length>0" > 
                            <ul class="pagination"  ng-show="professional.pagination.totalPages > 1"  ng-cloak> 
                                <li ng-show="professional.pagination.currentPage != 1"><a href="javascript:void(0)"  ng-click="professional.onInit(professional.pagination.currentPage-1)"  aria-label="Anterior"><i class="fa fa-angle-left"></i></a></li>
                               
                                <li ng-repeat="i in professional.pagination.range" ng-class="{active : professional.pagination.currentPage == i}">
                                    <a href="javascript:void(0)" ng-click="professional.onInit(i)">@{{i}}</a>
                                </li>
                                <li ng-show="professional.pagination.currentPage != professional.pagination.totalPages"><a href="javascript:void(0)" ng-click="professional.onInit(professional.pagination.currentPage+1)" aria-label="Siguiente"><i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </nav>
                        <!-- pagination end -->
                    </div>

                </div>
                <!-- main end -->

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

@stop


{{--@section ('script')--}}


    {{--<script src="{{asset('bower_components/moment/moment.js')}}"></script>--}}
    {{--<script src="{{asset('bower_components/moment/locale/es.js')}}"></script>--}}
    {{--<script src="{{asset('js/scripts/js/app/commonService.min.js')}}"></script>--}}
    {{--<script src="{{asset('js/scripts/js/app/professionalRequestApp.min.js')}}"></script>--}}


{{--@stop--}}