@extends('layouts.site')

@section('content')
<style type="text/css">
    .fa-star
    {
        color: #ffca08;
    }
    .fa-star-half
    {
        transform: rotate(180deg);
        color: #ffca08;
    }
    .myBtn
    {
        font-size: 25px !important;
        padding: 8px 3px;
        margin: 25px 2px;
        color: #c26aff;
        font-weight: 700;
            background: none;
    }
    .myBtn:hover
    {
        color: #c26aff;
    }

    [data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #181818;
    color: #f9f9f9;
    font-size: 12px;
    position: absolute;
    padding: 1px 5px 2px 5px;
    top: -17px;
    left: -10px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}
.fa-plus
{
        background: #e7e7e7;
    padding: 5px;
    border-radius: 50%;
    color: #c26aff;
}

</style>
        <section>
            <div class="lgx-banner lgx-banner-inner">
                <div class="lgx-inner-bg">
                    <div class="lgx-inner">
                        <div class="container bartopline">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="lgx-heading-area mt-3">
                                        <ul class="breadcrumb">
                                            @if(config('app.locale') == "ar")
                                            <li><a href="{{ route('index') }}"><i class="icon-home6"></i>{{trans('home.home')}}</a></li>
                                            <li class="active"> {{trans('home.client-files')}}</li>
                                            @else
                                                <li class="active"> {{trans('home.client-files')}}</li>
                                                <li><a href="{{ route('index') }}"><i class="icon-home6"></i>{{trans('home.home')}}</a></li>
                                            @endif
                                        </ul>
                                    </div>
                                </div>
                            </div><!--//.ROW-->
                        </div><!-- //.CONTAINER -->
                    </div><!-- //.INNER -->
                </div>
            </div>
        </section>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(Session::has('status'))
            <p class="alert alert-success alert-dismissible fade show mt-2 text-center" role="alert">{{ Session::get('status') }}
                <button type="button" class="close text-center" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </p>
        @endif

        <div class="mt-5 mb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="boxing bg-white border row ml-2  mx-2">
                            <div class="col-md-12 float-right pt-5 text-center">
                                <img src="{{asset('avatars/therapists/'.$data->picture)}}" class="rounded-circle card-img-top shadow" style="width: 125px; height: 125px;" />
                                <h4 class="mt-5 colorsite">{{ config('app.locale') == "en" ? $data->name_e : $data->name_a }}</h4>
                                <p class="text-sm-center my-4">
                                    {{ $data->main_specialty }}
                                </p>
                                <div>

                                    <i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>

                        <br>
                        <label>(@lang('home.Evaluation') {{ round($avg_rating,1) }} )</label>



                                </div>
                                <div class="mb-4">
                                    <label>@lang('home.sessions-count'): {{$data->sessions->whereIn('session_status',['reserved','closed'])->count() + 25}}</label>
                                </div>
                            </div>
                        </div>
                        <div class="mt-5 row clearfix text-center ml-2">
                            <div class="col-6 mb-4">
                                <a href="{{route('therapists_sessions')}}">
                                    <i class="fas fa-play"></i><br />
                                    {{trans('auth.therapists.sessions')}}
                                </a>
                            </div>
                            <div class="col-6 mb-4">
                                <a href="{{route('clients-files')}}">
                                    <i class="fas fa-users"></i><br />
                                    {{trans('auth.therapists.clients_files')}}
                                </a>
                            </div>

                            <div class="col-6 mb-4">
                                <a href="{{route('therapists_clients')}}">
                                    <i class="fas fa-users"></i><br />
                                    {{trans('auth.therapists.clients')}}
                                </a>
                            </div>
                            <div class="col-6">
                                <a href="{{route('therapists_invoice')}}">
                                    <i class="fas fa-file-invoice"></i><br />
                                    {{trans('auth.therapists.invoices')}}
                                </a>
                            </div>
                            <div class="col-6">
                                <a href="{{route('therapists_profile_basic')}}">
                                    <i class="fas fa-user-md"></i><br />
                                    {{trans('auth.therapists.profile')}}
                                </a>
                            </div>
                            @if (auth()->check()&&auth()->user()->type != 'visitors')
                           <div class="col-6">
                                <a href="{{route('page_view',getStaticPageValue(10,'url')) }}"><i class="fas fa-archive"></i> <br>{{ getStaticPageValue(10) }}</a>
                            </div>
                        @endif
                        </div>
                    </div>

                    <div class="col-md-9 boxing bg-white">
                        <div class="table-responsive mt-5">
                            <table class="table table-striped table-bordered table-hover dt-responsive" width="100%" id="client_files">
                                <thead>
                                <tr class="text-center bg-blue table-row">
                                    <th> # </th>
                                    <th>  {{ trans('home.client-name') }} </th>
                                    <th>  {{trans('home.first-session')}}  </th>
                                    <th> {{trans('home.last-session')}} </th>
                                    <!-- <th> {{trans('home.Status approval')}}  </th> -->
                                    <!-- <th> {{trans('home.inbox')}}  </th> -->
                                    <th width="25%"> {{trans('home.action')}}  </th>
                                </tr>
                                </thead>
                                    <tbody>
                                                                        @foreach($therapistSessions  as $therapist_session)
                                            <tr class="text-center text-black">
                                                <td> {{$x}} </td>