@extends('admin.layouts.master')
@section('title', CARD_TEXT_TITLE_ADMIN)
@section('content')
<style>
    table,
    th,
    td {
        border: 1px solid black;
        border-collapse: collapse;
    }

    th,
    td {
        padding: 5px;
        text-align: left;
    }
</style>

<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">
        <ol class="breadcrumb float-end">
            <li> <a class="bread-item" href="{{ route('admin.dashboard') }}"> Dashboard </a></li>
            <li> <a class="bread-item" href="{{ route('cards.index') }}">Cards </a></li>
            <li> <a class="bread-item" href="{{ route('cardtext.card',[encrypt_id($card_texts->card_id)]) }}">
                    Cardtexts </a></li>
            <li> <span class=" inactive-bread">Show</span></li>
        </ol>
    </span> Show {{ CARD_TEXT_TITLE_ADMIN }}
</h4>

<div class="row">
    <div class="col-xl">
        <div class="card mb-4">
            <h5 class="card-header">Show {{ CARD_TEXT_TITLE_ADMIN }}
                &nbsp;
                <div class="float-end">

                    <a href="{{ route('cardtexts.edit',encrypt_id($card_texts->card_texts_id)) }}">
                        &nbsp;<span class="btn btn-success">Edit {{ CARD_TEXT_TITLE_ADMIN }}</span>
                    </a>
                    <a href="{{ route('cardtext.card',[encrypt_id($card_texts->card_id)]) }}">
                        &nbsp;<button type="button" class="btn btn-primary">Back</button>
                    </a>
                </div>
            </h5>
            <div class="card-body">
                <div class="container">
                    <table class="table">
                        <tr>
                            <th>Card Name:</th>
                            <td>{{ $card_texts->card_name }}</td>
                        </tr>
                        <tr>
                            <th>Font Size:</th>
                            <td>{{ $card_texts->font_size }}</td>
                        </tr>
                        <tr>
                            <th>X:</th>
                            <td>{{ $card_texts->x }}</td>
                        </tr>
                        <tr>
                            <th>Height:</th>
                            <td>{{ $card_texts->height }}</td>
                        </tr>
                        <tr>
                            <th>Y:</th>
                            <td>{{ $card_texts->y }}</td>
                        </tr>
                        <tr>
                            <th>Width:</th>
                            <td>{{ $card_texts->width }}</td>
                        </tr>
                        <tr>
                            <th>Text:</th>
                            <td>{{ $card_texts->text }}</td>
                        </tr>
                        <tr>
                            <th>Alignment:</th>
                            <td>{{ $card_texts->alignment }}</td>
                        </tr>
                        <tr>
                            <th>Character Spacing:</th>
                            <td>{{ $card_texts->character_spacing }}</td>
                        </tr>
                        <tr>
                            <th>Font:</th>
                            <td>{{ $card_texts->font }}</td>
                        </tr>
                        <tr>
                            <th>Text Color:</th>
                            <td>{{ $card_texts->text_color }}</td>
                        </tr>
                        <tr>
                            <th>Line Spacing:</th>
                            <td>{{ $card_texts->line_spacing }}</td>
                        </tr>
                        <tr>
                            <th>Create Date:</th>
                            <td>{{ date('M d, Y',$card_texts->created_at) }}</td>
                        </tr>
                        <tr>
                            <th>Update Date:</th>
                            <td>{{ date('M d, Y',$card_texts->updated_at) }}</td>
                        </tr>
                    </table>
                </div>
            </div>

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