@extends('admin.layouts.master')

@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">قوالب الإشعارات</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('Home') }}</a></li>
                                <li class="breadcrumb-item active">قوالب الإشعارات</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            @include('admin.notification_messages.search_form')
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>المفتاح</th>
                                                <th>العنوان (عربي)</th>
                                                <th>العنوان (إنجليزي)</th>
                                                <th>تاريخ الإنشاء</th>
                                                <th>إجراءات</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($notificationMessages as $row)
                                                <tr>
                                                    <td>{{ $row->id }}</td>
                                                    <td>{{ $row->key }}</td>
                                                    <td>{{ $row->localized('title', 'ar') }}</td>
                                                    <td>{{ $row->localized('title', 'en') }}</td>
                                                    <td>
                                                        <span title="{{ $row->created_at->format('F j, Y \a\t g:i A') }}">
                                                            {{ $row->created_at->format('M j, Y') }}
                                                            <br>
                                                            <small class="text-muted">{{ $row->created_at->format('g:i A') }}</small>
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <button type="button"
                                                                class="btn btn-sm btn-outline-primary"
                                                                data-toggle="modal"
                                                                data-target="#edit-modal-{{ $row->id }}"
                                                                title="تعديل">
                                                            <i class="feather icon-edit"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    @include('admin.components.simple-pagination', ['paginator' => $notificationMessages])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    @foreach($notificationMessages as $row)
        <div class="modal fade text-left" id="edit-modal-{{ $row->id }}" tabindex="-1" role="dialog"
             aria-labelledby="edit-modal-label-{{ $row->id }}" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="edit-modal-label-{{ $row->id }}">تعديل القالب: {{ $row->key }}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="إغلاق">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ route('notification-messages.update', $row->id) }}" method="post">
                        @csrf
                        @method('put')
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="title-ar-{{ $row->id }}">العنوان بالعربية</label>
                                <input type="text"
                                       id="title-ar-{{ $row->id }}"
                                       name="title->ar"
                                       value="{{ $row->localized('title', 'ar') }}"
                                       class="form-control"
                                       dir="rtl">
                            </div>
                            <div class="form-group">
                                <label for="title-en-{{ $row->id }}">العنوان بالإنجليزية</label>
                                <input type="text"
                                       id="title-en-{{ $row->id }}"
                                       name="title->en"
                                       value="{{ $row->localized('title', 'en') }}"
                                       class="form-control"
                                       dir="ltr">
                            </div>
                            <div class="form-group">
                                <label for="content-ar-{{ $row->id }}">المحتوى بالعربية</label>
                                <textarea class="form-control"
                                          id="content-ar-{{ $row->id }}"
                                          name="content->ar"
                                          rows="4"
                                          dir="rtl">{{ $row->localized('content', 'ar') }}</textarea>
                            </div>
                            <div class="form-group mb-0">
                                <label for="content-en-{{ $row->id }}">المحتوى بالإنجليزية</label>
                                <textarea class="form-control"
                                          id="content-en-{{ $row->id }}"
                                          name="content->en"
                                          rows="4"
                                          dir="ltr">{{ $row->localized('content', 'en') }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">إلغاء</button>
                            <button type="submit" class="btn btn-primary">حفظ</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endforeach
@endsection