@extends('layouts.app')

@section('content')

<style>
    .n-card {
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .06)
    }

    .n-card+.n-card {
        margin-top: 18px
    }

    .n-header {
        font-weight: 600;
        font-size: 15px
    }

    .n-meta {
        font-size: 12px;
        color: #6c757d
    }

    .zneplatneno {
        opacity: .78;
        background: #fafafa;
        border-left: 5px solid #dc3545 !important
    }

    .zneplatneno .n-header {
        text-decoration: line-through
    }

    .zneplat-info {
        font-size: 12px;
        background: #fff3f3;
        border: 1px solid #f5c2c2;
        padding: 8px 10px;
        border-radius: 6px;
        margin-top: 8px
    }

    .odpoved {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee
    }

    .badge-soft-danger {
        background: #f8d7da;
        color: #842029;
        font-size: 11px;
        padding: 4px 8px;
        border-radius: 6px
    }

    .badge-soft-info {
        background: #dbeafe;
        color: #1e3a8a;
        font-size: 11px;
        padding: 4px 8px;
        border-radius: 6px
    }

    .btn-ghost-danger {
        background: transparent;
        border: 1px solid #dc3545;
        color: #dc3545
    }

    .btn-ghost-danger:hover {
        background: #dc3545;
        color: #fff
    }

    .btn-ghost-success {
        background: transparent;
        border: 1px solid #198754;
        color: #198754
    }

    .btn-ghost-success:hover {
        background: #198754;
        color: #fff
    }

    .btn-ghost-primary {
        background: transparent;
        border: 1px solid #1d5987;
        color: #1d5987;
    }

    .btn-ghost-primary:hover {
        background: #1d5987;
        color: #fff;
    }

    .small-muted {
        font-size: 12px;
        color: #6c757d
    }
</style>
<div class="container box">
    <input type="hidden" id="root" value="{{ url('/') }}">

    <div class="row mb-3">
        <div class="col">
            <h2 class="font-weight-bold">Nástěnka + Infodeska – administrace</h2>
        </div>
        <div class="col text-right">
            <a href="{{ url('users') }}" class="btn btn-blue-custom btn-sm">
                <i class="fa fa-user"></i> Zpět do administrace
            </a>
        </div>
    </div>

    {{-- FLASH --}}
    @if (session('success'))
    <div class="alert alert-success alert-dismissible">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ session('success') }}
    </div>
    @endif
    @if (session('error'))
    <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ session('error') }}
    </div>
    @endif

    {{-- FILTRY (GET) --}}
    <form method="GET" action="{{ url()->current() }}" class="mb-4">
        <div class="row align-items-end">

            <div class="col-md-3">
                <label class="font-weight-bold">Dům</label>
                <select name="dum_id" class="form-control form-control-sm">
                    <option value="">— vše —</option>
                    @foreach($domy as $d)
                    <option value="{{ $d->id }}" {{ (string)$dumId===(string)$d->id ? 'selected' : '' }}>
                        {{ $d->popis ?? ('Dům #' . $d->id) }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="font-weight-bold">Typ</label>
                <select name="src" class="form-control form-control-sm">
                    <option value="" {{ empty($srcFilter) ? 'selected' : '' }}>— vše —</option>
                    <option value="N" {{ ($srcFilter ?? '' )==='N' ? 'selected' : '' }}>NÁSTĚNKA</option>
                    <option value="I" {{ ($srcFilter ?? '' )==='I' ? 'selected' : '' }}>INFODESKA</option>
                </select>
            </div>

            <div class="col-md-3">
                <label class="font-weight-bold">Autor</label>
                <select name="autor_id" class="form-control form-control-sm">
                    <option value="">— všichni —</option>
                    @foreach($autori as $a)
                    <option value="{{ $a->id }}" {{ (string)$autorId===(string)$a->id ? 'selected' : '' }}>
                        {{ $a->ceo->jmeno ?? ($a->ceo->jmeno) }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="font-weight-bold">Datum od</label>
                <input type="date" name="date_from" value="{{ $dateFrom ?? '' }}" class="form-control form-control-sm">
            </div>

            <div class="col-md-2">
                <label class="font-weight-bold">Datum do</label>
                <input type="date" name="date_to" value="{{ $dateTo ?? '' }}" class="form-control form-control-sm">
            </div>

            <div class="col-md-2">
                <button type="submit" class="btn btn-blue-custom btn-sm">
                    <i class="fa fa-filter"></i> Filtrovat
                </button>
                <a href="{{ url()->current() }}" class="btn btn-outline-secondary btn-sm">
                    Reset
                </a>
            </div>

        </div>
    </form>

    {{-- FEED --}}
    @if(count($nastenka) === 0)
    <div class="mt-2 font-weight-bold">Nenalezeny žádné záznamy</div>
    @else

    @foreach($nastenka as $p)
    @php
    $src = $p->src ?? 'N'; // 'N' nebo 'I'
    $isRestricted = ($p->restrikce && (int)$p->restrikce->odstraneno === 1);

    $rDate = ($p->restrikce && !empty($p->restrikce->odstr_date))
    ? \Carbon\Carbon::parse($p->restrikce->odstr_date)->format('d.m.Y')
    : null;

    $rReason = ($p->restrikce && !empty($p->restrikce->odstr_duvod))
    ? $p->restrikce->odstr_duvod
    : '';

    $dum = $p->dum_id;

    $autor = $p->autor->Ceo->jmeno ?? ($p->autor->jmeno ?? 'Neznámý autor');
    $dumPopis = $p->dum->popis ?? ($p->dum->ulice ?? ($p->dum_id ? ('Dům #' . $p->dum_id) : ''));
    $created = optional($p->created_at)->format('d.m.Y H:i');

    $typInfo = ($src === 'I') ? 'INF' : 'PRZ';
    @endphp

    <div class="card n-card {{ $isRestricted ? 'zneplatneno' : '' }}">
        <div class="card-header d-flex justify-content-between align-items-center">

            {{-- LEVÁ ČÁST (autor, datum, id, badge…) --}}
            <div class="n-header">
                {{ $autor }}
                <span class="n-meta">— {{ $created }}</span>
                <span class="n-meta ml-2">ID: {{ $p->id }}</span>

                @if($p->src === 'I' && $p->dum_id != 0)
                <span class="badge-soft-info ml-2">INFODESKA</span>
                @elseif($p->src === 'N' && $p->dum_id != 0)
                <span class="badge-soft-info ml-2">NÁSTĚNKA</span>
                @elseif($p->dum_id == 0)
                <span class="badge-soft-info ml-2">HROMADNÁ ZPRÁVA</span>
                @endif
                @if($isRestricted)
                <span class="badge-soft-danger ml-2">ZNEPLATNĚNO</span>
                @endif
            </div>

            {{-- PRAVÁ ČÁST (dům + tlačítko) --}}
            <div class="d-flex align-items-center">

                <span class="mr-3 small-muted">
                    <strong>Dům:</strong> {{ $p->dum->cislo_domu ?? '-' }}
                </span>

                {{-- TLAČÍTKO PRO TESTOVÁNÍ Z INFODESKY NEBO NÁSTĚNKY --}}
                @if($p->dum_id != 0)
                <form action="{{ route('infodeska.testInfNotific', ['id' => $p->id, 'typ' => $p->src]) }}"
                    method="POST">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-ghost-primary"><i class="fa fa-cog"></i>
                        Test {{ $p->src == 'I' ? 'Infodeska' : 'Nástěnka' }}
                    </button>
                </form>
                @endif
                <button type="button"
                    class="btn btn-sm {{ $isRestricted ? 'btn-ghost-success' : 'btn-ghost-danger' }} btnZneplatnit"
                    data-toggle="modal" data-target="#zneplatnitModal" data-typ="{{ $typInfo }}" data-id="{{ $p->id }}"
                    data-zneplat="{{ $isRestricted ? 1 : 0 }}">
                    <i class="fa {{ $isRestricted ? 'fa-undo' : 'fa-ban' }}"></i>
                    {{ $isRestricted ? 'Obnovit' : 'Zneplatnit' }}
                </button>

            </div>

        </div>

        <div class="card-body">

            {{-- INFODESKA --}}
            @if($src === 'I')
            @if(!empty($p->titulek))
            <div class="mb-2 font-weight-bold text-blue">
                <i class="fa fa-rss"></i> {{ $p->titulek }}
            </div>
            @endif

            {!! html_entity_decode($p->text ?? '', ENT_QUOTES | ENT_HTML5, 'UTF-8') !!}

            {{-- NÁSTĚNKA --}}
            @else
            {!! html_entity_decode($p->text ?? '', ENT_QUOTES | ENT_HTML5, 'UTF-8') !!}

            {{-- Odpovědi --}}
            @if(isset($p->odpovedi) && count($p->odpovedi) > 0)
            <div class="mt-3">
                <span class="font-weight-bold text-blue">Odpovědi ({{ count($p->odpovedi) }}):</span>

                @foreach($p->odpovedi as $o)
                @php
                $oRestricted = ($o->restrikce && (int)$o->restrikce->odstraneno === 1);
                $oDate = ($o->restrikce && !empty($o->restrikce->odstr_date))
                ? \Carbon\Carbon::parse($o->restrikce->odstr_date)->format('d.m.Y')
                : null;
                $oReason = ($o->restrikce && !empty($o->restrikce->odstr_duvod))
                ? $o->restrikce->odstr_duvod
                : '';
                $oCreated = optional($o->created_at)->format('d.m.Y H:i');
                $oAutor = $o->autor->Ceo->jmeno ?? ($o->autor->jmeno ?? 'Neznámý autor');
                @endphp

                <div class="odpoved {{ $oRestricted ? 'zneplatneno' : '' }}">
                    <div class="d-flex justify-content-between align-items-start">
                        <div style="flex:1 1 auto; padding-right:10px;">
                            <div class="n-header">
                                {{ $oAutor }}
                                <span class="n-meta">— {{ $oCreated }}</span>
                                <span class="n-meta ml-2">ID: {{ $o->id }}</span>
                                @if($oRestricted)
                                <span class="badge-soft-danger ml-2">ZNEPLATNĚNO</span>
                                @endif
                            </div>

                            <div class="mt-1">
                                {!! html_entity_decode($o->text ?? '', ENT_QUOTES | ENT_HTML5, 'UTF-8') !!}
                            </div>

                            @if($oRestricted)
                            <div class="zneplat-info">
                                <div><strong>Zneplatněno:</strong> {{ $oDate ?? '-' }}</div>
                                <div><strong>Důvod:</strong> {{ $oReason !== '' ? $oReason : 'Neuveden' }}</div>
                            </div>
                            @endif
                        </div>

                        {{-- toggle tlačítko pro odpověď --}}
                        <div class="text-right">
                            <button type="button"
                                class="btn btn-sm {{ $oRestricted ? 'btn-ghost-success' : 'btn-ghost-danger' }} btnZneplatnit"
                                data-toggle="modal" data-target="#zneplatnitModal" data-typ="PRO" data-id="{{ $o->id }}"
                                data-zneplat="{{ $oRestricted ? 1 : 0 }}">
                                <i class="fa {{ $oRestricted ? 'fa-undo' : 'fa-ban' }}"></i>
                                {{ $oRestricted ? 'Obnovit' : 'Zneplatnit' }}
                            </button>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            @else
            <div class="small-muted mt-3">Bez odpovědí</div>
            @endif
            @endif

            {{-- info o zneplatnění (pro hlavní záznam) --}}
            @if($isRestricted)
            <div class="zneplat-info">
                <div><strong>Zneplatněno:</strong> {{ $rDate ?? '-' }}</div>
                <div><strong>Důvod:</strong> {{ $rReason !== '' ? $rReason : 'Neuveden' }}</div>
            </div>
            @endif

        </div>
    </div>
    @endforeach

    <div class="mt-4 text-center">
        {{ $nastenka->links('vendor.pagination.bootstrap-4') }}
    </div>
    @endif
</div>

{{-- MODAL: ZNEPLATNIT / OBNOVIT --}}
@include ('infodeska.zneplatni')


@endsection