@extends('control-panel::layout/layout')


@section('content')
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Brand icons</h4>

            <div class="table-responsive">

                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">Item</th>
                            <th scope="col">Image</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Logo svg</td>
                            <td>
                                <img src="{{ config('general.web_url') }}/assets/brand/images/logo_brand.svg?_{{ time() }}"
                                    onError="this.parentNode.parentNode.children[0].classList.add('text-danger')" />
                            </td>
                        </tr>
                        <tr>
                            <td>Favicon</td>
                            <td>
                                <img src="{{ config('general.web_url') }}/assets/brand/images/favicon.png?_{{ time() }}"
                                    onError="this.parentNode.parentNode.children[0].classList.add('text-danger')" />
                            </td>
                        </tr>
                        <tr>
                            <td>Mail footer png</td>
                            <td>
                                <img src="{{ config('general.web_url') }}/assets/brand/images/mail_footer.png?_{{ time() }}"
                                    onError="this.parentNode.parentNode.children[0].classList.add('text-danger')" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Environment</h4>

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">Config</th>
                            <th scope="col">Value</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($envs['error'])
                            <tr>
                                <td colspan="2" class="text-danger">{{ $envs['error'] }}</td>
                            </tr>
                        @endif

                        @foreach ($envs['data'] as $key => $value)
                            <tr>
                                <td
                                    class=" @if (array_key_exists($key, $laravelValue) && $laravelValue[$key] != $value) {{ 'bg-danger-subtle' }} @endif  @if (array_key_exists($key, $laravelValue)) {{ 'fw-bold' }} @endif ">
                                    {{ $key }}</td>
                                <td class=" @if (array_key_exists($key, $laravelValue) && $laravelValue[$key] != $value) {{ 'bg-danger-subtle' }} @endif ">
                                    {{ $value }}
                                    @if (array_key_exists($key, $laravelValue) && $laravelValue[$key] != $value)
                                        <br><small class="text-danger">Mismatch with laravel value
                                            ({{ $laravelValue[$key] }})
                                        </small>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>
@endsection