@extends('layout')

@section('extra_head')
    <link rel="stylesheet" media="screen,projection" href="{!! asset('cssmap-poland/cssmap-poland.css') !!}" />
@endsection

@section('extra_scripts')
    <script type="text/javascript" src="{!! asset('cssmap-poland/jquery.cssmap.js') !!}"></script>
    <script type="text/javascript">
        $( document ).ready(function() {
            $('#map-poland').cssMap({'size' : 500, 'cities': true});
        });
    </script>
@endsection

@section('content')

<div class="container">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <article>
                <h3 class="title">Mapa referencji</h3>
                <div class="post-content">
                    <div id="map-poland">
                        <ul class="poland">
                            @foreach($regions as $key => $name)
                            <li class="pl{{ $key }}"><a  href="{!! route('front::references') !!}?region={{ $key }}">{{ $name }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </article>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <article>
                <h3 class="title">Statystyki</h3>
                <div class="post-content" style="text-align: center; font-size: 30px;">
                    <p>Z naszych usług skorzystało juz<br/><br/><span style="text-decoration: underline; color: #ED5C00;"><strong>{{ $totalReferencesCount }}</strong> klientów!</span></p>
                    @if ($region and isset($regions[$region]))
                    <hr/>
                    <p>{{ $regions[$region] }}<br/><br/> z usług skorzystało już <br/><br/><span style="text-decoration: underline; color: #ED5C00;"><strong>{{ $references->count() }}</strong> klientów!</span></p>
                    @endif

                </div>
            </article>
        </div>
    </div>
    <div class="row">
        <div class="posts-block col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <article>
                <h3 class="title">Referencje</h3>
                <div class="post-content">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>Firma</th>
                            <th>Adres</th>
                            {{--<th>Zdjęcia</th>--}}
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($references as $ref)
                            <tr>
                                <td>{{ $ref->title }}</td>
                                <td>{{ $ref->company }}</td>
                                {{--<td>{{ $ref->photo1 }}</td>--}}
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </article>
        </div>
    </div>
</div>

@endsection