@extends('layout.master')

@section('content')
<div>

</div>

<div class="row" style="text-align: left">
    <div class="col-md-12">
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-4 center">
                    <div class="col-md-12 center-top-list" >
                        <img src="{{$filename ? url('/'.$filename.'?'.time()) : url('img/no-image.png')}}" class="companyImg" style="margin-bottom:10px;">
                    </div>
                    @if($user && !$userLike)
                    <form action="{{url('/details/ajaxAddLike')}}" METHOD="POST" id="postLike">
                        <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}" />
                        <input type="hidden" name="id_user" value="{{$user->id}}" />
                        <input type="hidden" name="id_company" value="{{$company->id}}" />
                        <button id="likeButton" type="submit" class="btn btn-block btn-social btn-lg btn-facebook btn-like center-a">
                            <i class='fa fa-thumbs-o-up'></i>{{trans('details.LIKE')}}
                        </button>
                    </form>
                    @elseif($user && $userLike)
                    <button id="likeButton" class="btn btn-social btn-lg btn-facebook btn-like grey center-a" disabled="">
                        <i class='fa fa-thumbs-o-up'></i>{{trans('details.LIKED')}}
                    </button>
                    @else
                    <a id="likeButton" href="javascript:void(0)" {{!$user ?  'data-toggle=modal data-target=#logInModal' : ''}} class="btn btn-block btn-social btn-lg btn-facebook btn-like center-a"><i class="fa fa-thumbs-o-up"></i>{{trans('details.LIKE')}}</a>
                    @endif
                    <h2 style="text-align: center; color: red;"><span id="likes">{{count($likes)}}</span> {{trans('details.LIKES')}} <span id="comments">{{count($allComments)}}</span> {{trans('details.COMMENTS')}}</h2>
                </div>
                <div class="col-md-8">
                    <h1>{{$company->name}}</h1>
                    <p><strong>{{trans('details.DESCRIPTION')}}</strong></p>
                    <p class='description'>{{$company->description}}</p>
                    @if($company->address!==null)
                    <p><strong>{{trans('details.ADDRESS')}}</strong></p>
                    <p>{{$company->address}}</p>
                    @endif
                    @if($company->phone!==null)
                    <p><strong>{{trans('details.PHONE')}}</strong></p>
                    <p>{{$company->phone}}</p>
                    @endif
                    @if($company->website!==null)
                    <p><strong>{{trans('details.WEBSITE')}}</strong></p>
                    <a href='{{strpos($company->website, 'http')!==false?$company->website:'http://'.$company->website}}' target='_blank'>{{$company->website}}</a>
                    @endif

                </div>
            </div>
            @if(count($services))
            <div class="row">
                <div class="col-md-2">

                </div>
                <div class="col-md-10">
                    <p><strong>{{trans('details.SERVICES_LIST')}}</strong></p>
                    <ul class="services-grid">
                        @forelse($services as $service)
                        <li>{{$service->service}}</li>
                        @empty
                        <!--<p>{{trans('details.No_SERVICES')}}</p>-->
                        @endforelse
                    </ul>
                </div>
            </div>
            @endif
        </div>
        <div class="col-md-4">
            <h2>{{trans('content.KEY_COMMENTS')}}</h2>
            <div class="col-md-12 comment-form-container">
                @if($user)
                <p id="message" class="alert alert-success hidden"></p>
                <div class="comment-form col-md-8">
                    <form action="{{url('/details/ajaxAddComment')}}" METHOD="POST" id="postComment">
                        <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}" />
                        <input type="hidden" name="id_user" value="{{$user->id}}" />
                        <input type="hidden" name="id_company" value="{{$company->id}}" />
                        <textarea autofocus name="comment_body" class="form-control" id="addCommentTextarea" required="true"></textarea>&nbsp;<input style="ali" type="submit" value="{{trans('content.KEY_SENDCOMMENT')}}" class="btn btn-success"/>
                        <p id="textCounter"></p>
                    </form>
                </div>
                @endif
                <div class="col-md-4">
                    <a href="javascript:void(0)" {{!$user ?  'data-toggle=modal data-target=#logInModal' : ''}}><img src="{{url('img/add.png')}}" style="border-radius: 50%; width:64px;" class="tooltip-right" title="Add comment" id="addComment"></a>
                </div>
            </div>
            <div class="col-md-12 comments-container">
                @forelse($comments as $comment)
                <div class="col-md-12">
                    <div class="col-md-4">
                        <img src="{{url('img/avatar.png')}}" style="border-radius: 50%; width:64px;">
                        <p>{{$comment->user->name}}</p>
                    </div>
                    <div class="col-md-8">
                        <div class="hyphenate">
                            <p class="comment-date">{{$comment->date_added}}:</p>
                            <p>{{$comment->comments}}</p>
                        </div>
                    </div>
                </div>
                @empty
                <p>{{trans('details.NO_COMMENTS')}}</p>
                @endforelse
                @if(count($allComments) > $commentsLimit)
                <a id="allComments" href="javascript:void(0);" class="btn btn-info" data-id="{{$company->id}}">{{trans('details.ALL_COMMENTS')}}</a>
                @endif
            </div>
        </div>
    </div>
</div>
<div class="row">
    <h4 id="caption_new_companies" class="box-caption" style="text-align: center;">{{trans('details.TOP')}}</h4>
    <div class="col-md-12">
        @forelse($companies as $company)
        <div class="col-md-2 center-top-list">
            <span id="popover-icon-" class="js-popover image-icon glyphicon glyphicon-question-sign popover-detail" aria-hidden="true" data-load="/tooltip/{{$company->id}}" data-toggle="popover" data-trigger="click" data-placement="top" style="z-index: 1;"></span>
            <a href="{{url('details/'.$company->slug)}}" class="companyImg" style="text-align:center;">
                <img class="companyImg-size" src="{{$company->imageFolder && file_exists($imagesPath . $company->imageFolder . '/photo.jpg') ? url($imagesPath . $company->imageFolder . '/photo.jpg'.'?'.time()) : url('img/no-image.png')}}">
            </a>

        </div>
        @empty
        <p>{{trans('details.NO_COMPANIES')}}</p>
        @endforelse
    </div>
</div>

<div id="logInModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header modal-header-primary">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">{{trans('details.LOG_IN')}}</h4>
            </div>
            <div class="modal-body">
                <a class="btn btn-block btn-social btn-lg btn-facebook" href="{{url('/redirect')}}"><i class="fa fa-facebook"></i>{{trans('details.SIGN_IN')}}</a>
            </div>
        </div>

    </div>
</div>

@endsection