@extends('layouts.app')

@section('content')

<div class="container">
    <div class="row">
        <div class="col d-flex align-items-center">
            <div class="d-block mx-auto mx-md-0"><h1>{{ __('Dashboard') }}</h1></div>
        </div>
        <div class="col-*-* text-right m-0 d-block mx-auto mx-md-0">
            <a class="btn btn-primary" href="{{ route('contract', app()->getLocale()) }}">{{ __('+ create new contract') }}</a>
        </div>
    </div>
</div>
<hr class="my-4" />

<h3 class="mt-5">{{ __('Latest history') }}</h3>
@if( $latestHistory )
    @foreach ( (array)$latestHistory as $history )
    <div class="container">
        <div class="row d-flex justify-content-between mb-3">
            <div class="col-*-* d-flex align-items-center py-3">
                <img src="{{ $history['iconURL'] }}" class="img-fluid" width="32px" height="32px">
            </div>
            <div class="col d-flex align-items-center">
                <div class="container">
                    <div class="row col font-family-montserrat">
                        {{ $history['title'] }}
                    </div>
                    <div class="row col font-family-catamaran font-size-12">
                        <span>{{ __('Contract name') }}:&nbsp;</span><span class="font-weight-bold">{{ $history['contractName'] }}</span>
                    </div>
                </div>
            </div>
            <div class="col d-flex align-items-center justify-content-end m-0 p-0">
                <div class="col d-flex align-items-center justify-content-end">
                    <div class="container m-0 p-0">
                        <div class="row col d-flex justify-content-end m-0 p-0 content-dashboard-url font-family-catamaran font-size-12 font-weight-bold">
                            {{ $history['date'] }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
    show all activities
@else
    There are no activities yet<br>
    When you created your first contract, and something happened with it, you can see that events here.
@endif

<h3 class="mt-5">{{ __('Contracts') }}</h3>
@if( $contracts )
    @foreach ( $contracts as $contract )
    <div class="container contract_url pointer" data-site-url="{{ $contract['siteUrl'] }}">
        <div class="row d-flex justify-content-between border border-2 rounded-10 mb-3">
            <div class="col-*-* d-flex align-items-center py-3 border-right border-2">
                <img src="{{ $contract['iconURL'] }}" class="img-fluid mx-3" width="32px" height="32px">
            </div>
            <div class="col d-flex align-items-center">
                <div class="container m-0 p-0">
                    <div class="row col font-weight-bold font-family-catamaran font-size-18">
                        {{ $contract['name'] }}
                    </div>
                    <div class="row col">
                        <div class='content-dashboard-url font-family-catamaran font-size-14 font-weight-bold'>{{ $contract['statusLabel'] ? $contract['statusLabel'] : $contract['status'] }}</div>
                    </div>
                </div>
            </div>
            <div class="col-*-* mr-3 d-flex align-items-center justify-content-end">
                <div class="container m-0 p-0">
                    <div class="row col d-flex justify-content-end font-size-12 m-0 p-0">
                        since
                    </div>
                    <div class="row col d-flex justify-content-end m-0 p-0 content-dashboard-url font-family-catamaran font-size-12 font-weight-bold">
                        {{ date('Y-m-d', strtotime($contract['date'])) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
    <a href="{{ route('dashboard.contracts', app()->getLocale()) }}">show all contracts</a>

    <div class="col form-group text-right">
        <a class="btn btn-primary" href="{{ route('contract', app()->getLocale()) }}">{{ __('+ create new contract') }}</a>
    </div>
@else
    There are no activities yet<br>
    When you created your first contract, and something happened with it, you can see that events here.
@endif

<script>
    $( document ).ready(function() {
        if ($(window).width() < 576) {
            $('html, body').animate({
                scrollTop: $("h3").offset().top
            }, 1500);
        }
    });
</script>
@endsection