@php $showInitially = true; @endphp

@forelse ( $contracts as $key => $_contracts )
    @if($key == 'empty')
    <h5 class="font-weight-bold mb-3">@if($key != 'empty') {{$key}} @endif</h5>
    
        @foreach( $_contracts as $contract)
            @php 
                $showInitially = $contract['showInitially'];
                //dump($contract);
                //if ( Carbon\Carbon::parse($contract['updated'])->diffInDays(Carbon\Carbon::now()) >= 1 && $contract['partner']['email'] != null && $contract['partner']['email'] != 'deleted.user@everprove.com' && $contract['urgency'] == 'pending' )
                    $remind_button = true;
                //else
                //    $remind_button = false;
                $headers = @get_headers($template['iconURL']);
                $iconURL = ($headers && strpos($headers[0], '200') !== false) ? $template['iconURL'] : "/images/default_icon.png";
            @endphp

            <div class="container contract_url pointer gtm-contract " data-site-url="{{ $contract['siteUrl'] }}">
                <div class="row d-flex justify-content-between border border-2 btn-contract-url gtm-contract  mb-3" style="">
                    <div class="col-*-* d-flex align-items-center py-3 border-right border-2 gtm-contract">
                        <img src="{{ $iconURL }}" class="img-fluid mx-3 gtm-contract draft-img" width="40px" height="40px">
                    </div>
                    <div class="col d-flex align-items-center gtm-contract py-2" style="min-width: 50px;">
                        <div class="contracts-urgency-icon rounded-circle d-flex justify-content-center align-items-center gtm-contract " style="width: fit-content;">
                            <div class="d-flex flex-nowrap mr-1 font-size-12" style="background-color: #18A4E0;"></div>
                            @switch( $contract['urgency'] )
                                @case('')
                                    <img src="{{ asset('img/status_draft.svg') }}" alt="" width="22px" height="22px" style="border: 2px solid #C4CED4;">
                                @break
                                @case('action-required')
                                    <img src="{{ asset('img/status_needaction.svg') }}" alt="" width="22px" height="22px" style="border: 2px solid #C4CED4;">
                                @break
                                @case('pending')
                                    <img src="{{ asset('img/status_waiting.svg') }}" alt="" width="22px" height="22px" style="border: 2px solid #C4CED4;">
                                @break
                                @case('ok')
                                    <img src="{{ asset('img/status_done.svg') }}" alt="" width="22px" height="22px" style="border: 2px solid #C4CED4;">
                                @break
                            @endswitch
                        </div>
                        <div class="container row m-0 p-0 gtm-contract">
                            <div class="col col-md-7 gtm-contract">
                                <div class="container gtm-contract">
                                    <div class="row col-*-* font-weight-bold font-family-catamaran font-size-18 d-block text-truncate contractName gtm-contract" style="">
                                        {{ $contract['name'] }}
                                    </div>
                                    <div class="row col-*-* gtm-contract">
                                        <div class="content-dashboard-url font-family-catamaran font-size-16 font-weight-bold gtm-contract col-md-12 col-lg-6 mx-0 px-0">
                                            @switch($contract['partner']['email'])
                                                @case('')
                                                    {{ __('dashboard.contracts.noPartner') }}
                                                    @break
                                                @case('deleted.user@everprove.com')
                                                    {{ __('dashboard.contracts.deletedPartner') }}
                                                    @break
                                                @default
                                                    {{ $contract['partner']['email'] }}
                                            @endswitch
                                        </div>
                                        @if($contract['urgency'] == 'pending')
                                        {{--@if(  $contract['urgency'] == 'pending' && $remind_button)--}}
                                        @if( $contract['createdByUser'] )
                                            <div class="{{ ( $remind_button ) ? 'remind-partner-btn' : 'remind-partner-btn-disabled' }} d-flex flex-nowrap col-md-12 col-lg-6 mx-0 px-0" style="overflow: hidden; font-size: 10px;" data-contract-id="{{ $contract['id'] }}">
                                                <img src="{{ asset('img/icon_bell.png') }}" alt="" width="18px" height="18px" class="my-auto"> <span class="text-nowrap font-weight-bold my-auto">  {{ __('dashboard.contracts.button.remindPartner') }} </span>
                                            </div>
                                        @endif
                                        {{--@endif--}}
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-*-* col-md-5 d-flex justify-content-end gtm-contract my-auto">
                                <div class="container m-0 p-0 gtm-contract">
                                    <div class="row col d-flex justify-content-lg-end justify-content-md-end m-0 p-0 content-dashboard-url font-family-catamaran font-size-14 font-weight-bold gtm-contract my-auto">
                                        {{ $contract['statusLabel'] ? $contract['statusLabel'] : $contract['status'] }}
                                    </div>
                                    <div class="row col d-flex justify-content-lg-end justify-content-md-end font-size-12 m-0 p-0 pb-lg-1 gtm-contract">
                                        {{ date('Y-m-d', strtotime($contract['date'])) }}
                                    </div>
                                    @if( $contract['createdByUser'] && $contract['status'] != 'live' )
                                    <div class="row col d-flex justify-content-lg-end justify-content-md-end font-size-12 m-0 p-0 pb-lg-1" >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" style="color: #3D67BD;" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
                                        </svg>
                                        <span class="text-nowrap font-weight-bold my-auto ml-1 contract-clone" data-contract-id="{{ $contract['id'] }}"> szerződés duplikálása </span>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    @endif
@empty
    @if($search)
        <div class="mb-3 mt-4 pt-4">
            <div class="d-flex justify-content-center"><img src="{{ asset('images/not-found.png') }}"></div>
            <div class="d-flex justify-content-center font-weight-bold" style="font-size: 17px;">{{ __('dashboard.contracts.search.noResult.title') }}</div>
            <div class="d-flex justify-content-center">{{ __('dashboard.contracts.search.noResult.description') }} '{{ $search }}'. {{ __('dashboard.contracts.search.noResult.tryAnother') }}</div>
        </div>
    @else
        <div class="mb-3">{{ __('dashboard.contracts.noContracts') }}</div>
    @endif
@endforelse

<div class="container m-0 p-0 mb-4">
    <div class="row">
        <div class="col">
            @if(isset($pagination['prev_page']) && $pagination['prev_page'] !== false)
            <div id="prev_page" class="d-inline" style="cursor:pointer;color:#F58220;font-weight:600;" data-page="{{$pagination['prev_page']}}">{{ __('button.previous') }}</div>
            @endif
        </div>
        <div class="col d-flex justify-content-center">
            @if(isset($pagination['current_page']) && $pagination['current_page'] !== false)
                {{$pagination['current_page']}}
            @endif
            @if(isset($pagination['max_pages']) && $pagination['max_pages'] !== false)
                / {{$pagination['max_pages']}}
            @endif
        </div>
        <div class="col d-flex justify-content-end">
            @if(isset($pagination['next_page']) && $pagination['next_page'] !== false)
            <div id="next_page" class="d-inline" style="cursor:pointer;color:#F58220;font-weight:600;" data-page="{{$pagination['next_page']}}">{{ __('button.next') }}</div>
            @endif
        </div>
    </div>
</div>

@if(!empty($contracts) && !$showInitially)
    <div id="showMore" class="show-link pointer">{{ __('dashboard.contracts.showAllContracts') }}<i class="fas fa-caret-down"></i></div>
    <div id="hideSome" class="show-link pointer d-none">{{ __('dashboard.contracts.hideAllContracts') }}<i class="fas fa-caret-up"></i></div>
@endif