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

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

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

                    <!-- page-title start -->
                    <!-- ================ -->
                    <div ng-show="professional.listEmployers.length">
                    <h3 class="page-title t0ken">Listado detallado de servicios contratados</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.listEmployers.length==0" >
                        <div class="separator"></div>
                        <h3 class="title text-center ng-cloak" ng-cloak> Ud. a&uacute;n no ha sido contratado.</h3>
                        {{--<p class="title text-center"><a href="profesional-servicios">  Asegurece 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="hired in professional.listEmployers">
                                                       
                       
                            <div id="quote_@{{hired.id}}" 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="@{{hired.employer.avatar}}" style="height: 90px;width: 90px" class="img-circle">
                                        </div>
                                        <h3 >@{{ hired.employer.nombre}} @{{ hired.employer.apellido }}</h3>
                                         <input name="rating" ng-value="hired.ranking[0].valoracion || 0" class="valoracion rating-loading" data-size="xss">

                                        <div class="gold-medal" >
                                            <i class="fa fa-certificate fa-2x" aria-hidden="true"></i>
                                        </div>

                                         <div ng-show="hired.ranking==null">
                                            <a href="valoracion-usuario#/?solicitud=@{{hired.id_solicitud}}&pro=@{{hired.id_profesional}}" class="btn btn-default-transparent btn-sm">A&ntilde;ade una valoraci&oacute;n <i class="fa fa-star pl-10"></i></a>
                                        </div>

                                        <div ng-show="hired.ranking!=null">
                                            <a href="valoracion-usuario#/?solicitud=@{{hired.id_solicitud}}&pro=@{{hired.id_profesional}}" class="btn btn-default-transparent btn-sm">Ver mi valoraci&oacute;n </a>

                                        </div>




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


                                         <div>   Projecto del Tipo : <strong> @{{ hired.requestservice.root_service.nombre }} </strong>  publicado @{{ hired.creado }} </div>

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

                                        <div class="mb-20">

                                            {{--Presupuestos recibidos: <span class="text-default" style="font-size: 1.2em"> <strong> @{{  hired.countQuotes }} </strong> </span>--}}
                                            {{--<i class="fa fa-exclamation" aria-hidden="true"></i>--}}
                                            <p></p>
                                            <p> <strong>Identificacion:</strong>  @{{hired.employer.identificacion}} </p>
                                            <p><strong>Email:</strong>  @{{hired.employer.email}} </p>
                                            <p><strong>Direccion:</strong>  @{{hired.employer.direccion}} </p>
                                            <p><strong>Facebook:</strong>  @{{hired.employer.facebook}} </p>
                                            <p><strong>Website:</strong>  @{{hired.employer.website}} </p>
                                            {{--<p>Website:  @{{hired.employer.website}} </p>--}}

                                            {{--@{{hired.employer}}--}}

                                        </div>

                                        <div>
                                          
                                             <h5 class="title">
                                                <a ng-href="profesional-prosupuestar#/?solicitud=@{{hired.id}}" > @{{ hired.requestservice.root_service.nombre }} </a>
                                            </h5>
                                            <div>
                                                <ul class="nav nav-pills nav-stacked list-style-icons"
                                                    ng-repeat="srv in hired.requestservice.services">
                                                    <li><a ng-href="profesional-prosupuestar#/?solicitud=@{{hired.id}}" ><i class="icon-check-1"></i> @{{srv.nombre}} </a></li>
                                                </ul>
                                            </div>



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

                                {{--<div class="col-xs-12 col-md-5 col-lg-5" >--}}
                                    {{--@{{hired.quote}}--}}

                                       {{--<div  ng-show="hired.quote">--}}
                                       {{--<div class="mb-10">--}}
                                               {{--<span><strong> Monto:</strong></span>--}}
                                               {{--<span class="text-default"><strong>@{{hired.quote.costo}}</strong></span>--}}
                                       {{--</div>--}}
                                       {{--<div class="mb-10">--}}

                                            {{--<span><strong> Mensaje:</strong></span>  @{{hired.quote.descripcion}}--}}


                                       {{--</div>--}}
                                    {{--</div>--}}

                                {{--</div>--}}

                            </div>
                            <hr>
                        </div>

                    </div>
                    
                     <div class="row">
                        <!-- pagination start -->         
                          <nav class="text-center" ng-show="professional.listEmployers.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('js/scripts/js/app/commonService.min.js')}}"></script>--}}
    {{--<script src="{{asset('js/scripts/js/app/professionalEmployerApp.min.js')}}"></script>--}}


{{--@stop--}}