@php
    $modelName = $model;
    $modelClass = $model;
    // dd("{$lang}.{$model}");
    if (isset($lang)) {
        $modelName = "{$lang}.{$model}";
        $modelClass = "{$lang}-{$model}";
        $f = (array) $__data[$lang];
    }

    if (!isset($type)) {
        $type = 'text';
    }
@endphp

<label for="{{ $title }}">{{ $title }}</label>

@if (!empty($articleActive['th']['title']) && !$searchArticleEdit)
    <div class="d-flex">
        <div class="flex-grow-1">
            <input class="form-control" type="text" value="{{ $articleActive['th']['title'] ?? '' }}" disabled>
        </div>
        <div class="ml-2">
            <button wire:click="searchEdit" type="button" class="btn btn-primary">Edit</button>
        </div>
    </div>
@endif

@if ($searchArticleEdit)
    <input class="form-control" type="text" wire:model.live.change="searchArticle" placeholder="Search Article">
@endif
{{-- @if (!$searchArticleEdit)
    <button wire:click="searchEdit" type="button">Edit</button>
@endif --}}
<div>
    @foreach ($articles as $article)
        <div style="border-bottom: 1px solid #dce7f1;border-left: 1px solid #dce7f1;border-right: 1px solid #dce7f1;">
            <button wire:click="setArticle(@json($article->id))" type="button"
                class="btn w-100 btnArticle text-start">
                {{ $article->th->title }}
            </button>
        </div>
    @endforeach
</div>

<style>
    .btnArticle {
        border: unset;
        border-radius: unset;
    }

    .btnArticle:hover {
        background-color: #dce7f1;
    }
</style>