@extends( 'layout.main' )

@section( 'content' )

    <!-- Titlebar
================================================== -->
    <div class="single-page-header" data-background-image="{{ asset('images/single-company.jpg') }}">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="single-page-header-inner">
                        <div class="left-side">
                            @if( $company->image )
                            <div class="header-image"><img src="{{ $company->image }}" alt=""></div>
                            @endif
                            <div class="header-details">
                                <h3>{{ $company->name }} <span>Software House</span></h3>
                                <ul>
                                    @if ( $company->average_rating === 0 )
                                        <li>
                                            <i class="icon-material-outline-star"></i> No Reviews
                                        </li>
                                    @else
                                        <a href="#reviews">
                                            <li>
                                                <div title="{{ $reviews->count() }} reviews" class="star-rating" data-rating="{{ $company->average_rating }}"></div>
                                            </li>
                                        </a>
                                    @endif

                                    @if( $company->verified )
                                        <li><div class="verified-badge-with-title">Verified</div></li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                        <div class="right-side">

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

    <!-- Page Content
    ================================================== -->
    <div class="container">
        <div class="row">

            <!-- Content -->
            <div class="col-xl-8 col-lg-8 content-right-offset">

                <div class="single-page-section">
                    <h3 class="margin-bottom-25">About Company</h3>
                    {{ $company->description }}
                </div>

                <!-- Boxed List: Open Positions -->
                <div class="boxed-list margin-bottom-60">
                    <div class="boxed-list-headline">
                        <h3><i class="icon-material-outline-business-center"></i> Open Positions</h3>
                    </div>

                    <div class="listings-container compact-list-layout">

                    @foreach( $company->open_positions()->orderByDesc('ID')->paginate(10) as $job )
                        <!-- Job Listing -->
                            <a href="{{ $job->url }}" class="job-listing">

                                <!-- Job Listing Details -->
                                <div class="job-listing-details">

                                    <!-- Details -->
                                    <div class="job-listing-description">
                                        <h3 class="job-listing-title">{{ $job->name }}</h3>

                                        <!-- Job Listing Footer -->
                                        <div class="job-listing-footer">
                                            <ul>
                                                @if( $job->address )
                                                    <li>
                                                        <i class="icon-material-outline-location-on"></i> {{ $job->address['address'] }}
                                                    </li>
                                                @endif
                                                <li>
                                                    <i class="icon-material-outline-business-center"></i> {{ $job->type }}
                                                </li>
                                                <li>
                                                    <i class="icon-material-outline-access-time"></i> {{ $job->created_at->diffForHumans() }}
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                </div>

                                <!-- Bookmark -->
                                {{--<span class="bookmark-icon"></span>--}}
                            </a>
                        @endforeach
                    </div>

                </div>
                <!-- Boxed List / End -->

                <!-- Boxed List: Closed Positions -->
                <div class="boxed-list margin-bottom-60">
                    <div class="boxed-list-headline">
                        <h3><i class="icon-material-outline-business-center"></i> Closed Positions</h3>
                    </div>

                    <div class="listings-container compact-list-layout">

                    @foreach( $company->closed_positions()->paginate(5) as $job )
                        <!-- Job Listing -->
                            <a href="{{ $job->url }}" class="job-listing">

                                <!-- Job Listing Details -->
                                <div class="job-listing-details">

                                    <!-- Details -->
                                    <div class="job-listing-description">
                                        <h3 class="job-listing-title">{{ $job->name }}</h3>

                                        <!-- Job Listing Footer -->
                                        <div class="job-listing-footer">
                                            <ul>
                                                @if( $job->address )
                                                    <li>
                                                        <i class="icon-material-outline-location-on"></i> {{ $job->address['address'] }}
                                                    </li>
                                                @endif
                                                <li>
                                                    <i class="icon-material-outline-business-center"></i> {{ $job->type }}
                                                </li>
                                                <li>
                                                    <i class="icon-material-outline-access-time"></i> {{ $job->created_at->diffForHumans() }}
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                </div>

                                <!-- Bookmark -->
                                {{--<span class="bookmark-icon"></span>--}}
                            </a>
                        @endforeach
                    </div>

                </div>
                <!-- Boxed List / End -->

                <!-- Boxed List -->
                <div id="reviews" class="boxed-list margin-bottom-60">
                    <div class="boxed-list-headline">
                        <h3><i class="icon-material-outline-thumb-up"></i> Reviews</h3>
                    </div>

                    @if( $reviews->count() > 0 )
                        <ul class="boxed-list-ul">
                            @foreach( $reviews as $review )
                                <li>
                                    <div class="boxed-list-item">
                                        <!-- Content -->
                                        <div class="item-content">
                                            <h4>{{ $review->post_title }}
                                                <span>{{ $review->author->display_name }}</span></h4>
                                            <div class="item-details margin-top-10">
                                                <div class="star-rating" data-rating="{{ $review->meta->_rating }}"></div>
                                                <div class="detail-item">
                                                    <i class="icon-material-outline-date-range"></i> {{ $review->created_at->diffForHumans() }}
                                                </div>
                                            </div>
                                            <div class="item-description">
                                                <p>{{ $review->content }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </li>

                            @endforeach
                        </ul>

                        {{ $reviews->links() }}
                    @else
                        <p class="text-center padding-top-30">There are no reviews for this company right now.</p>
                    @endif

                    <div class="centered-button margin-top-35">
                        <a href="#small-dialog" class="popup-with-zoom-anim button button-sliding-icon">Leave a Review
                            <i class="icon-material-outline-arrow-right-alt"></i></a>
                    </div>

                </div>
                <!-- Boxed List / End -->

            </div>


            <!-- Sidebar -->
            <div class="col-xl-4 col-lg-4">
                <div class="sidebar-container">

                @if ( $company->author && $company->author->ID === $user->ID )
                        <a href="{{ route( 'companies.edit', $company->ID ) }}" class="apply-now-button">Edit Company Listing
                            <i class="icon-material-outline-arrow-right-alt"></i></a>
                @endif

                @if( $company->address )
                    <!-- Location -->
                        <div class="sidebar-widget">
                            <h3>Location</h3>
                            <div id="single-job-map-container">
                                <div id="singleListingMap" data-latitude="{{ $company->address['lat'] }}" data-longitude="{{ $company->address['lng'] }}" data-map-icon="im im-icon-Hamburger"></div>
                                <a href="#" id="streetView">Street View</a>
                            </div>
                        </div>
                @endif

                @if( $company->meta->_dribble || $company->meta->_twitter || $company->meta->_behance || $company->meta->_github )
                    <!-- Widget -->
                        <div class="sidebar-widget">
                            <h3>Social Profiles</h3>
                            <div class="freelancer-socials margin-top-25">
                                <ul>
                                    @if( $company->meta->_dribble )
                                        <li>
                                            <a href="{{ $company->meta->_dribble }}" title="Dribbble" data-tippy-placement="top"><i class="icon-brand-dribbble"></i></a>
                                        </li>
                                    @endif
                                    @if( $company->meta->_twitter )
                                        <li>
                                            <a href="{{ $company->meta->_twitter }}" title="Twitter" data-tippy-placement="top"><i class="icon-brand-twitter"></i></a>
                                        </li>
                                    @endif
                                    @if( $company->meta->_behance )
                                        <li>
                                            <a href="{{ $company->meta->_behance }}" title="Behance" data-tippy-placement="top"><i class="icon-brand-behance"></i></a>
                                        </li>
                                    @endif
                                    @if( $company->meta->_github )
                                        <li>
                                            <a href="{{ $company->meta->_github }}" title="Github" data-tippy-placement="top"><i class="icon-brand-github"></i></a>
                                        </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                @endif

                <!-- Sidebar Widget -->
                    <div class="sidebar-widget">
                        <h3>Share</h3>

                        <!-- Copy URL -->
                        <div class="copy-url">
                            <input id="copy-url" type="text" value="" class="with-border">
                            <button class="copy-url-button ripple-effect" data-clipboard-target="#copy-url" title="Copy to Clipboard" data-tippy-placement="top">
                                <i class="icon-material-outline-file-copy"></i></button>
                        </div>

                        <!-- Share Buttons -->
                        <div class="share-buttons margin-top-25">
                            <div class="share-buttons-trigger"><i class="icon-feather-share-2"></i></div>
                            <div class="share-buttons-content">
                                <span>Interesting? <strong>Share It!</strong></span>
                                <ul class="share-buttons-icons">
                                    <li>
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode( $company->url) }}" data-button-color="#3b5998" title="Share on Facebook" data-tippy-placement="top"><i class="icon-brand-facebook-f"></i></a>
                                    </li>
                                    <li>
                                        <a href="https://twitter.com/home?status={{ urlencode( $company->url ) }}" data-button-color="#1da1f2" title="Share on Twitter" data-tippy-placement="top"><i class="icon-brand-twitter"></i></a>
                                    </li>
                                    <li>
                                        <a href="https://plus.google.com/share?url={{ urlencode( $company->url ) }}" data-button-color="#dd4b39" title="Share on Google Plus" data-tippy-placement="top"><i class="icon-brand-google-plus-g"></i></a>
                                    </li>
                                    <li>
                                        <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode( $company->url ) }}&title={{ urlencode( $company->title ) }}&summary=&source=" data-button-color="#0077b5" title="Share on LinkedIn" data-tippy-placement="top"><i class="icon-brand-linkedin-in"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <!-- Spacer -->
    <div class="margin-top-15"></div>
    <!-- Spacer / End-->
@endsection