<?php $__env->startPush('headsection'); ?>
<style>

    /* .modal{
        overflow: initial !important;
    } */
    #btn-share {
        display: none;
    }

    #btn-list-share {
        display: none;
    }

    .share-buttons button {
        border: none;
        background: transparent;
    }

    ul.share-buttons {
        list-style: none;
        padding: 0;
        margin-top: 8px;

    }

    ul.share-buttons li {
        display: inline;
    }

    ul.share-buttons .sr-only {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }


    #contatto_professionista {

        top: 100%;
        position: absolute;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        /* background-color: #ffffff; */
        /* opacity: 0.6; */
        position: absolute;
        top: 0;
        left: -147px;


    }

    #contatto_professionista>h4 {
        color: white;
        white-space: nowrap;
        position: relative;
        left: 0;
        margin: 0 auto;
        top: 100%;
    }

    .icofont-exclamation:before {
        background-color: yellow;
        border-radius: 51px;
        font-size: 20px;
        color: white;
    }

    .icofont-check-circled:before {
        background-color: green;
        border-radius: 51px;
        font-size: 20px;
    }

    .doctor-details-item {
        background-color: white;
    }

    .doctor-details-item img {
        width: 200px;
        border: 4px solid #7999d7;
        margin: 20px 28px;
        align-items: center;
        justify-content: center;
        height: 200px;
        display: flex;
    }

    div.doctor-details-area h5,
    div.doctor-details-area button {
        text-align: left;
    }


    .card-header {
        padding: 0;
        background-color: transparent;
    }

    .btn-link {
        font-size: 13px;
    }

    .list-unstyled {
        display: flex;
        text-align: center;
        font-size: 19px;
        margin: 0 50px;
        padding: 25px;
    }

    .list-unstyled>li {
        margin: 0 auto;
    }

    h6,
    h5,
    small {

        text-align: center;
    }

    p {
        font-size: 12px;
        margin: 10px;
    }

    .collapse>div>h6,
    .collapse>div>div>h6 {
        background-color: #6395c51c;
        border-radius: 7px;
        margin: 10px;
        padding: 10px;
        color: #2a90fe;
        font-size: 22px;
    }

    @media  only screen and (max-width: 767px) {
        .doctor-details-item img {
            margin: 0 auto;
        }
    }

    .icofont-check-circled:before {
        background-color: green;
        border-radius: 51px;
        font-size: 20px;

    }

    .profile-img {
        width: 192px;
    }

    .tag {
        font-size: 18px;
    }
    .badge-yellow {
        background-color: #f6edbf;
        border: 2px solid #d8bb18;
    }

    .badge-purple {
        background-color: #edc0f7;
        border: 2px solid #b116d9;
    }

    .badge-blue {
        background-color: #c5deea;
        border: 2px solid #189cd9;
    }

    .badge-aqua {
        background-color: #c1f5df;
        border: 2px solid #67cc9b;
    }

    .badge-green {
        background-color: #eaf5a7;
        border: 2px solid #bcd142;
    }

    .badge-violet {
        background-color: #ccc2f6;
        border: 2px solid #725bcc;
    }

    .badge-red {
        background-color: #f9c6c6;
        border: 2px solid #d71836;
    }

    .icon {
        font-size: 50px;
    }

    .badge-info {
        font-weight: bold;
        color: rgba(0,0,0, 0.75);
        display: inline-block;
    }

    @media (max-width: 576px) {
        .badge-info {
            display: block;
        }
    }

    .badge-pill {
        border-radius: 1rem;
    }

    textarea.review {
            width: 100%;
            padding: 12px 20px;
            box-sizing: border-box;
            border-radius: 4px;
            resize: none;
            border: none;
            outline: none;
            overflow: scroll;
        }

    p.review {
        white-space: pre-wrap;
        font-size: 16px;
    }
    /* @media  screen and (max-width: 600px) {

    .rating_details .rating {
width:100%;
    }
} */

</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('main'); ?>
<?php $carbon = app('Carbon\Carbon'); ?>

<!-- Page Title -->
<div class="page-title-area page-title-three">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="page-title-item-two">
            </div>
        </div>
    </div>
</div>
<div class="col col-md-10 mx-auto border rounded p-3 my-4 bg-light">
    <div class="d-none d-lg-block d-xl-block" style="position: absolute; right: 20px">
        <a href="javascript:history.back()" style="text-decoration:underline;font-size: 1rem;">
            Torna agli altri profili
        </a>
    </div>
    <div class="d-flex align-items-center" >
        <div class="profile-img">
            <?php if(!is_null($user->path_url)): ?>
                <img src="/upload/<?php echo e($user->path_url); ?>" class="rounded-circle" alt="Doctor">
            <?php else: ?>
                <img src="/theme/assets/img/doctor-detail/9.jpg" class="rounded-circle" alt="Doctor">
            <?php endif; ?>
        </div>
        <?php if(!empty($professionits->business)): ?>
            <div style="display: grid;">

                <p class="h3"><?php echo e($professionits->name); ?></p>
                <?php if(isset($user->medicalcenter)): ?>
                <p class="h4"><?php echo e($user->medicalcenter->name ?? ''); ?></p>
                <?php endif; ?>
            </div>

        <?php else: ?>
            <div style="display: grid;">
              <p class="h3"><?php echo e($user->name ?? ''); ?> <?php echo e($user->surname ?? ''); ?></p>
                <?php if(isset($user->profession_principal)): ?>
                    <p class="h4"><?php echo e($user->profession_principal->name); ?></p>
                <?php elseif(isset($user->professions[0])): ?>
                    <p class="h4"><?php echo e($user->professions[0]->name ?? ''); ?></p>
                <?php endif; ?>
            </div>
        <?php endif; ?>
    </div>
    <div class="my-2">
    <?php if(!empty($professionits->business)): ?>
            <p>
                <i class="icofont-ui-office"></i> <?php echo e($user->user_details->address .','.$user->user_details->citta->name); ?>

            </p>
            <?php else: ?>
            <?php if(!empty($user->user_details->address_office) && !empty($user->user_details->address_office)): ?>
            <p>
                <i class="icofont-location-pin"></i> <?php echo e($user->user_details->address_office .','.$user->user_detail[0]->city_office); ?>

            </p>
            <?php endif; ?>
            <?php if($user->user_details->work_with_underage): ?>
                <p><i class="icofont-dna"></i>Autorizzato a lavorare con i Minori </p>
            <?php endif; ?>
            <?php if(count($user->referenzeVerificate)): ?>
                <p><i class="icofont-check-circled" style="color: #ffffff;"></i> Referenze verificate</p>
            <?php endif; ?>
        <?php endif; ?>
    </div>
    <div class="my-2">
        <span class="mx-2">Valutazione: <strong><?php echo e($user->rating_avg ?? 0); ?>/5</strong></span>
        <button class="btn btn-link" type="button" data-toggle="modal" data-target="#reviews" id="reviewbutton">
            <i>(<?php echo e($user->reviewsValidated()); ?> Recensioni)</i>
        </button>
        <input class="rating" max="6" readonly style="--starsize:2.5em; --stars:5;--value:<?php echo e($user->rating_avg ?? 0); ?>" type="range" value="<?php echo e($user->rating_avg ?? 0); ?>" />
        <?php if($user->canBeReviewed): ?>
            <div class="write-review">
                <button class="btn appointment-btn" data-toggle="modal" data-target="#add_review">
                    Scrivi una recensione
                </button>
            </div>
        <?php endif; ?>
    </div>

    <?php if(isset($user->user_details->detail_service)): ?>
        <div class="m-5 ft-3">
            <?php echo e($user->user_details->detail_service); ?>

        </div>
    <?php endif; ?>


    <?php if(isset($professionits->biography)): ?>
        <div class="m-5">
            <div class="m-5 ft-3">
                <?php echo e($professionits->biography); ?>

            </div>
        </div>
    <?php endif; ?>

    <?php if(isset($user->user_details->brochure)): ?>
    <div class="m-5 ft-3">
        <h5 class="text-left text-uppercase"><a href="<?php echo e('/upload/certification/ ' . $user->user_details->brochure); ?>"   target="_blank"> <i class="icofont-download"></i>Scarica la Brochure</a></h5>
    </div>
    <?php endif; ?>


    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->professions, 'label' =>
        $user->user_type === 'professionist' ? 'professioni' : 'figure professionali presenti',
        'class' => 'badge-red'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => [$user->user_details->citta], 'label' => 'lavora a', 'accessor' => 'nome', 'class' => 'badge-purple'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->states, 'label' => 'ALTRE PROVINCE IN CUI LAVORA', 'accessor' => 'provincia', 'class' => 'badge-purple'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->pathologies, 'label' => 'condizioni con cui lavora', 'class' => 'badge-blue'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


    <?php if(count($user->user_details->days) || count($user->user_details->turni)): ?>
    <!--<div class="m-5">
        <h5 class="text-left text-uppercase">disponibilità</h5>
        <div class="flex-row">
            <i class="icofont-ui-calendar icon"></i>
            <div class="mx-6">
                <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->user_details->days, 'label' => 'giorni', 'class' => 'badge-green'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->user_details->turni, 'label' => 'fasce orarie', 'class' => 'badge-aqua'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>
        </div>
    </div>!-->
    <?php endif; ?>


    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->user_details->days, 'label' => 'giorni disponibili', 'class' => 'badge-green'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->user_details->turni, 'label' => 'fasce orarie', 'class' => 'badge-aqua'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php if($user->user_details->prezzo_min || $user->user_details->prezzo_max): ?>
    <div class="m-5">
        <h5 class="text-left text-uppercase"><?php echo e($user->user_type === 'other_istitution' ? "costi indicativi del servizio": "tariffe orarie"); ?></h5>
        <div class="flex-row ft-3" style="overflow: hidden">
            <p class="h6">
            <?php if($user->user_details->prezzo_min): ?>
                A partire da €<?php echo e($user->user_details->prezzo_min); ?>

            <?php endif; ?>
            <?php if($user->user_details->prezzo_max): ?>
                fino a €<?php echo e($user->user_details->prezzo_max); ?>

            <?php endif; ?>
            </p>
        </div>
    </div>
    <?php endif; ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->certifications, 'label' => 'certificazioni', 'class' => 'badge-yellow'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->user_details->fasce_eta, 'label' => 'fasce d\'età con cui lavora', 'class' => 'badge-aqua'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->services, 'label' => 'servizi offerti', 'class' => 'badge-violet'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->specialiazation, 'label' => 'specializzazioni', 'class' => 'badge-yellow'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php if(count(collect($user->partneships)->where('id', '<>', $id))): ?>
        <div class="m-5">
            <?php if($user->user_type=='professionist'): ?>
            <h5 class="text-left text-uppercase">Enti con cui collaboro</h5>
            <?php else: ?>
                <h5 class="text-left text-uppercase">Professionisti con cui collaboro</h5>
            <?php endif; ?>
            <div class="row">
                <?php $__currentLoopData = $user->partneships; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $partneship): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                    <?php if($partneship->id!=$id): ?>
                    <div class="col-sm-6 col-lg-4 wow fadeInUp box_prof_hpo_for_wp" data-wow-delay=".3s">
                        <div class="doctor-item">

                            <div class="doctor-top">
                                <?php if($partneship->path_url): ?>
                                    <img src="/upload/<?php echo e($partneship->path_url); ?>" alt="Doctor"
                                        onclick='location.href="/detail/<?php echo e($partneship->slug); ?>"' ;
                                        style="cursor:pointer;width: 300px;height: 300px;">
                                <?php else: ?>
                                    <img src="/theme/assets/img/doctor-detail/9.jpg" alt="Doctor"
                                        onclick='location.href="/detail/<?php echo e($partneship->slug); ?>"' ;
                                        style="cursor:pointer;width: 300px;height: 300px;">
                                <?php endif; ?>

                            </div>

                            <div class="doctor-bottom">
                                <h3>
                                    <a href="/detail/<?php echo e($partneship->slug); ?>"><?php echo e($partneship->business_name ?? $partneship->name_complete); ?></a>
                                </h3>
                            </div>
                        </div>
                    </div>
                    <?php endif; ?>

                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    <?php endif; ?>

    <?php if(count(collect($user->collaborations)->where('id', '<>', $id))): ?>
    <div class="m-5">
        <h5 class="text-left text-uppercase">Enti con cui collaboro</h5>
        <div class="row">
            <?php $count = 0; ?>
            <?php $__currentLoopData = $user->collaborations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $partneship): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                <?php if($partneship->id!=$id): ?>
                <div class="col-sm-6 col-lg-4 wow fadeInUp box_prof_hpo_for_wp" data-wow-delay=".3s">
                    <div class="doctor-item">

                        <div class="doctor-top">
                            <?php if($partneship->path_url): ?>
                                <img src="/upload/<?php echo e($partneship->path_url); ?>" alt="Doctor"
                                    onclick='location.href="/detail/<?php echo e($partneship->slug); ?>"' ;
                                    style="cursor:pointer;width: 300px;height: 300px;">
                            <?php else: ?>
                                <img src="/theme/assets/img/doctor-detail/9.jpg" alt="Doctor"
                                    onclick='location.href="/detail/<?php echo e($partneship->slug); ?>"' ;
                                    style="cursor:pointer;width: 300px;height: 300px;">
                            <?php endif; ?>

                        </div>
                        <div class="doctor-bottom">
                            <h3>
                                <a href="/detail/<?php echo e($partneship->slug); ?>"><?php echo e($partneship->business_name); ?></a>
                            </h3>
                        </div>
                    </div>
                </div>
                <?php endif; ?>

            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
    <?php endif; ?>

    <?php if(isset($user->path_cv)): ?>
        <div class="m-5">
            <h5 class="text-left text-uppercase"><a href="<?php echo e(env('APP_URL').$user->path_cv ??''); ?>"   target="_blank"> <i class="icofont-download"></i> Visualizza CV Completo</a></h5>
        </div>
    <?php endif; ?>


    <?php if($user->user_details->title_study): ?>
    <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => [
        (object)[
            'name' => $user->user_details->title_study== "media" ?
            'Licenza Media' :

            ($user->user_details->title_study== "diploma" ?
            'Diploma' :

            ($user->user_details->title_study== "laurea_triennale" ?
            'Laurea Triennale' :

            ($user->user_details->title_study== "laurea_magistrale" ?
            'Laurea Magistrale o Specialistica' :

            ($user->user_details->title_study== "master_primo_livello" ?
            'Master I livello' :

            ($user->user_details->title_study== "master_secondo_livello" ?
            'Master II livello' :

            ($user->user_details->title_study== "dottorato" ?
            'Dottorato di ricerca' :

            ($user->user_details->title_study== "scuola_di_specializzaione" ?
            'Scuola di Specializzazione' :

            ($user->user_details->title_study== "altro" ?
            'Altro' : 'N/D'))))))))

        ]]
        , 'label' => 'titolo di studio', 'class' => 'badge-blue'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                <?php endif; ?>

                <?php echo $__env->make('frontend.professionist.components.section-info', ['elements' => $user->other_study, 'label' => 'altri studi', 'class' => 'badge-red',
                    'accessor' => function ($elem) {
                        return ($elem->title_study_other ?: '') . ' ' . ($elem->study ?: '') . ' ' . ($elem->istitute ?: '') . ' ' . ($elem->zone ?: '') . ' ' . (dataToIta($elem->years,'MESE_ANNO') ?: '');
                }], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php if(!empty($user->user_details->site_web)): ?>
        <div class="m-5">
            <h5 class="text-left text-uppercase mb-2">Sito web: <a href="<?php echo e($user->user_details->site_web); ?>" target="_blank"><?php echo e($user->user_details->site_web); ?></a></h5>
        </div>
    <?php endif; ?>

    <?php if(!empty($user->user_details->linkedin) || !empty($user->user_details->twitter) || !empty($user->user_details->facebook) || !empty($user->user_details->instagram)): ?>
    <div class="m-5">
        <h5 class="text-left text-uppercase mb-2">seguimi sui social</h5>
            <?php if(!empty($user->user_details->linkedin)): ?>
                <a href="<?php echo e($user->user_details->linkedin); ?>" target="_blank">
                    <i class="icofont-linkedin icon mr-4"></i>
                </a>
            <?php endif; ?>
            <?php if(!empty($user->user_details->twitter)): ?>
                <a href="<?php echo e($user->user_details->twitter); ?>" target="_blank">
                    <i class="icofont-twitter icon mr-4"></i>
                </a>
            <?php endif; ?>
            <?php if(!empty($user->user_details->facebook)): ?>
                <a href="<?php echo e($user->user_details->facebook); ?>" target="_blank">
                    <i class="icofont-facebook icon mr-4"></i>
                </a>
            <?php endif; ?>
            <?php if(!empty($user->user_details->instagram)): ?>
                <a href="<?php echo e($user->user_details->instagram); ?>" target="_blank">
                    <i class="icofont-instagram icon mr-4"></i>
                </a>
            <?php endif; ?>
    </div>
    <?php endif; ?>

    <?php if(!empty($user->user_details->lat) && !empty($user->user_details->lng)): ?>
    <div class="m-5">
        <h5 class="text-left text-uppercase">POSIZIONE</h5>
        <div class="flex-row" style="overflow: hidden">
            <div id="map" class="w-auto" style="height: 300px"></div>
        </div>
    </div>
    <?php endif; ?>

</div>

 <!-- Appointment -->
 <div class="appointment-area-three">
    <div class="container-fluid p-0">
        <div class="row m-0">
            <div class="col-lg-7">
                <div class="appointment-item appointment-item-two">
                    <div class="appointment-shape" style="pointer-events: none;">
                        <img src="/theme/assets/img/appointment/3.png" alt="Shape">
                    </div>
                    <h2>CONTATTAMI SU Linkabili.it</h2>
                    <span>Ti risponderò il prima possibilie</span>

                    <div class="appointment-form" style="position: relative;z-index: 2;">

                        <?php if($contact_old): ?>
                            <a href="/chatify/<?php echo e($contact_old->to_id); ?>" type="button" class="btn appointment-btn">
                                <i class="icofont-chat" style="font-size: 32px; position: absolute; left: 5px; top: 5px;"></i>
                                Ricontattami
                            </a>
                        <?php else: ?>
                            <button type="button" class="btn appointment-btn" data-toggle="modal" data-target="#add_text_message">
                                Contattami
                            </button>
                        <?php endif; ?>

                        <button id="btn-share" type="button" class="btn appointment-btn" data-toggle1="modal" data-target1="#share_professionist">
                            Condividi
                        </button>

                        <span id="btn-list-share">
                        <p style="font-size: 16px">Condividi il mio Profilo</p>

                            <ul class="share-buttons">
                                <li><button onclick="share('whatsapp')"><img alt="Share on Facebook" src="/images/flat_web_icon_set/color/Whatsapp.png" /></button></li>
                                <li><button onclick="share('email')"><img alt="Send email" src="/images/flat_web_icon_set/color/Email.png" /></button></li>
                                <li><button onclick="share('facebook')"><img alt="Share on Facebook" src="/images/flat_web_icon_set/color/Facebook.png" /></button></li>
                                <!--<li><button onclick="share('twitter')"><img alt="Tweet" src="/images/flat_web_icon_set/color/Twitter.png" /></button></li>!-->
                                <li><button onclick="share('linkedin')"><img alt="Share on LinkedIn" src="/images/flat_web_icon_set/color/LinkedIn.png" /></button></li>
                            </ul>
                        <span>

                        <p style="margin-top: 10px">
                            <a href="javascript:history.back()" style="text-decoration:underline;font-size: 1.3rem;">
                                Torna agli altri profili
                            </a>
                        </p>
                    </div>
                </div>


            </div>
            <div class="col-lg-5 pr-0">
                <div class="speciality-item speciality-right speciality-right-two speciality-right-three">
                    <img src="/theme/assets/img/doctor/4.jpg" alt="Doctor">
                    <div class="speciality-emergency">
                        <div class="speciality-icon">
                            <i class="icofont-ui-call"></i>
                        </div>
                        <h3>Chiamaci per Info</h3>
                        <p>+39 3474089623</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="reviews" tabindex="-1" role="dialog" aria-labelledby="reviews" aria-hidden="true">

    <div class="modal-dialog modal-lg"><!-- modal-dialog-scrollable -->
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Recensioni</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <?php if($user->reviewsValidated()): ?>
                <div class="row">
                    <div class="col" >
                <div class="rating_details ml-4">

                    <p>
                        Professionalità e autonomia: <br /><input class="rating" max="6" readonly style="--starsize:1.2em; --stars:5;--value:<?php echo e($user->rating1_avg); ?>; margin: 6px 0 6px 0; display: inline; padding-top: 4px;" type="range" value="<?php echo e($user->rating1_avg); ?>" />
                    </p>
                    <p>
                        Empatia e cordialità:<br /> <input class="rating" max="6" readonly style="--starsize:1.2em; --stars:5;--value:<?php echo e($user->rating2_avg); ?>; margin: 6px 0 6px 0; display: inline; padding-top: 4px;" type="range" value="<?php echo e($user->rating1_avg); ?>" />
                    </p>
                    <p>
                        Serietà e chiarezza: <br /><input class="rating" max="6" readonly style="--starsize:1.2em; --stars:5;--value:<?php echo e($user->rating3_avg); ?>; margin: 6px 0 6px 0; display: inline; padding-top: 4px;" type="range" value="<?php echo e($user->rating1_avg); ?>" />
                    </p>
                    <p>
                        Motivazione e impegno: <br /><input class="rating" max="6" readonly style="--starsize:1.2em; --stars:5;--value:<?php echo e($user->rating4_avg); ?>; margin: 6px 0 6px 0; display: inline; padding-top: 4px;" type="range" value="<?php echo e($user->rating1_avg); ?>" />
                    </p>

                </div>

                <ul>
                    <?php $__currentLoopData = $user->reviews()->orderBy('created_at', 'desc')->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if($review->validated): ?>
                    <li>
                        <div class="name">
                           <small><?php echo e($carbon::parse($review->created_at)->format('d/m/Y')); ?></small>
                           <input class="rating rating-review" max="6" readonly style="--starsize:1.2em; --stars:5;--value:<?php echo e($review->rating); ?>; margin: 6px 0 6px 0;" type="range" value="<?php echo e($review->rating); ?>"/>
                        </div>

                        <p class="review"><?php echo e($review->body); ?></p>
                    </li>
                    <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>
            </div>
                <?php else: ?>
                <i>Nessuna recensione presente</i>
                <?php endif; ?>
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-dismiss="modal">OK
                </button>
            </div>

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

<div class="modal fade" id="add_text_message" tabindex="-1" role="dialog" aria-labelledby="add_text_message" aria-hidden="true">

    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Scrivi il testo da inviare al professionista</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <div class="col-lg-12  ">
                    <div class="form-group">
                        <textarea id="testo_email" rows="5" cols="55"><?php echo $testo ?? ''; ?></textarea>
                    </div>
                </div>
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">Annulla</button>
                <button type="button" class="btn btn-success btn-save-modal" data-dismiss="modal" onclick="invia_contatto('<?php echo e($professionits->id); ?>')">Invia
                </button>
            </div>

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

<div class="modal fade" id="add_review" tabindex="-1" role="dialog" aria-labelledby="add_review" aria-hidden="true">

    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Scrivi una recensione</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
         
                <!-- Modal body -->
                <div class="modal-body">
                    <form method="post" id="FormFeedback" onsubmit="invia_review(event)">
                    <div class="form-group">
                        <label for="rating" class="col-form-label">Professionalità e autonomia:</label>
                        <input required name="rating_1" id="review-rating_1" class="rating" max="5" min="0.5" oninput="this.style.setProperty('--value', `${this.valueAsNumber}`)" step="0.5" style="--value:2.5" type="range" value="2.5" />

                    </div>

                    <div class="form-group">
                        <label for="rating_2" class="col-form-label">Empatia e cordialità:</label>
                        <input required name="rating_2" id="review-rating_2" class="rating" max="5" min="0.5" oninput="this.style.setProperty('--value', `${this.valueAsNumber}`)" step="0.5" style="--value:2.5" type="range" value="2.5" />

                    </div>

                    <div class="form-group">
                        <label for="rating_3" class="col-form-label">Serietà e chiarezza:</label>
                        <input required name="rating_3" id="review-rating_3" class="rating" max="5" min="0.5" oninput="this.style.setProperty('--value', `${this.valueAsNumber}`)" step="0.5" style="--value:2.5" type="range" value="2.5" />

                    </div>

                    <div class="form-group">
                        <label for="rating_4" class="col-form-label">Motivazione e impegno:</label>
                        <input required name="rating_4" id="review-rating_4" class="rating" max="5" min="0.5" oninput="this.style.setProperty('--value', `${this.valueAsNumber}`)" step="0.5" style="--value:2.5" type="range" value="2.5" />

                    </div>

                    <div class="form-group">
                        <label for="body" class="col-form-label">Lascia una recensione!</label>
                        <textarea required rows="4" class="form-control" name="body" id="review-body"></textarea>
                    </div>

                </form>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-info" data-dismiss="modal">Annulla</button>
                    <button type="button" class="btn btn-success btn-save-modal" onClick="$('#FormFeedback').submit()">Invia
                    </button>
                </div>

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

<?php $__env->stopSection(); ?>
<?php $__env->startPush('footersection'); ?>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

<script>
    $('.doctor-details-accordion-header').on("click", function() {
        $(".collapse").each(function(index) {
            $(this).removeClass('show');
        });
        $('#' + $(this).data('id')).addClass('show');
    });

    function invia_review(e) {
        e.preventDefault();
        jQuery(".loader").fadeIn(500);
        $('#add_review').modal('hide');


        $.post('/review', {
            user_id: '<?php echo e($user->id); ?>',
            rating_1: $('#review-rating_1').val(),
            rating_2: $('#review-rating_2').val(),
            rating_3: $('#review-rating_3').val(),
            rating_4: $('#review-rating_4').val(),

            body: $('#review-body').val(),
        }, function(response) {
            if (response.error) {
                alert(response.message)
            } else {
                jQuery(".loader").fadeOut(500);
                $.confirm({
                    title: 'Conferma',
                    content: 'La tua recensione è stata inviata correttamente, a breve sarà esaminata e pubblicata',
                    type: "green",
                    typeAnimated: true,
                    buttons: {
                        OK: {
                            btnClass: 'btn-green',
                            action: function() {
                                window.location.reload()
                            }
                        },

                    }
                });

            }
        })

        return false
    }

    function invia_contatto(prof) {
        var testo = $('#testo_email').val();
        jQuery(".loader").fadeIn(500);
        $('#contatto_professionista_text').show();
        $.post('/appointment/' + prof, {
            testo: testo
        }, function(response) {
            if (response.error) {
                alert(response.message)
            } else {
                jQuery(".loader").fadeOut(500);
                $.confirm({
                    title: 'Conferma',
                    content: 'Il tuo messaggio è stato inviato correttamente, continua la tua ricerca',
                    type: "green",
                    typeAnimated: true,
                    buttons: {
                        Si: {
                            btnClass: 'btn-green',
                            action: function() {
                                history.back()
                                //window.location.href = response.message;
                            }
                        },

                    }
                });

            }

        });
    }

    function share(provider) {
        let text = "Ciao condividi questo" //encodeURIComponent(document.title)
        let url = encodeURIComponent(document.URL)
        let target = ""
        switch (provider) {
            case 'twitter':
                target = 'https://twitter.com/intent/tweet?text=' + text + ':%20' + url;
                break;
            case 'facebook':
                target = 'https://www.facebook.com/sharer/sharer.php?u=' + url + '&quote=' + encodeURIComponent(document.title);
                break;
            case 'linkedin':
                target = 'http://www.linkedin.com/shareArticle?mini=true&url=' + url + '&title=' + encodeURIComponent(document.title);
                break;
            case 'email':
                target = 'mailto:?subject=' + encodeURIComponent(document.title) + '&body=' + url;
                break;
            case 'whatsapp':
                target = 'https://api.whatsapp.com/send?text=' + text + ':%20' + url;
                break;
        }

        window.open(target, '_blank')

        return false;
    }

    function isMobile() {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    }

    let map;

    async function initMap(myLatLng) {

        if (!myLatLng.lat || !myLatLng.lng) return;

        const { Map } = await google.maps.importLibrary("maps");
        const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

        map = new Map(document.getElementById("map"), {
            center: myLatLng,
            zoom: 16,
            mapId: "LOC_MAP_ID",
        });

        const marker = new AdvancedMarkerElement({
            map: map,
            position: myLatLng,
            title: "Uluru",
        });
    }



    $(document).ready(function() {
        const queryString = window.location.search;
        const urlParams = new URLSearchParams(queryString);
        if (urlParams.get('reviews')) {
            $('#reviewbutton').trigger('click')
        }

       initMap({ lat: <?php echo e($user->user_details->lat ?? "null"); ?>, lng: <?php echo e($user->user_details->lng ?? "null"); ?> })

       //initMap({ lat: 40.9269054, lng: 14.4372824 })

       $('#btn-list-share').show()

        // if (isMobile() && navigator.share) {
        //     $('#btn-share').show()
        // } else {
        //     $('#btn-list-share').show()
        // }

        $('#btn-share').click(async () => {
            const shareData = {
                title: 'Condividi',
                //text: 'Vieni a scoprirci!',
                url: window.location
            }


            try {
                await navigator.share(shareData)
                console.log("OK")
            } catch (err) {
                console.log(err)

            }
        });
    })


</script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.frontend.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/linkabili/resources/views/frontend/professionist/detail-new.blade.php ENDPATH**/ ?>