@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('ObavestenjaActions') }}
@endsection

@section('title', "Akcije nad obavestenjima")

@section('content')
    <div class="row">
        <div class="col-6 p-2">
            <div class="h-100 bgc-white pt-0 radius-1 shadow-sm mx-auto">
                <div class="w-100 brc-info-tp2 radius-t-1"></div>
                <div class="card h-100 border-0">
                    <div class="card-body h-100 d-flex flex-column justify-content-center py-3 px-3 border-0">
                        <div class="table-responsive-md">
                            <table class="table table-bordered table-hover text-dark-blue custom-table">
                                <thead class="bgc-grey-l4">
                                    <tr>
                                        <th>
                                            <span>Naziv tipa obaveštenja</span>
                                        </th>
                                        <th>Test</th>
                                        <th>Pregled</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    {{-- @foreach ($notificationTypes as $notificationType)
                                        <tr class="bgc-h-default-l3 d-style">
                                            <td>
                                                {{ $notificationType->name }}
                                            </td>
                                            <td>
                                                <button
                                                    type="button"
                                                    @if ((new App\Services\UserNotificationTypeService)->getLicenceExtendedId() == $notificationType->id)
                                                        class="btn btn-md btn-default btn-h-warning btn-a-warning btn-text-slide-y p-2 disabled"
                                                        disabled
                                                    @else
                                                        class="btn btn-md btn-default btn-h-warning btn-a-warning btn-text-slide-y p-2 btn-open-send-mail-modal"
                                                        data-action="{{ route('cms.notifications.actions.send_test', $notificationType) }}"
                                                        data-name="{{ $notificationType->name }}"
                                                    @endif
                                                    >
                                                    <span class="btn-text-1">
                                                        <i class="fa fa-envelope text-130 px-2"></i>
                                                    </span>
                                                    <span class="text-85 btn-text-2">Pošalji</span>
                                                </button>
                                            </td>
                                            <td>
                                                <a
                                                    href="{{ $notificationType->route }}"
                                                    class="btn btn-md btn-primary btn-h-warning btn-a-warning btn-text-slide-y p-2"
                                                    target="_blank"
                                                    >
                                                    <span class="btn-text-1">
                                                        <i class="fa fa-eye text-130 px-2"></i>
                                                    </span>
                                                    <span class="text-85 btn-text-2">Pregled</span>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach --}}
                                    @foreach ($mailableActions as $mailableAction)
                                        <tr class="bgc-h-default-l3 d-style">
                                            <td>
                                                {{ $mailableAction->name }}
                                            </td>
                                            <td>
                                                <button
                                                    type="button"
                                                    class="btn btn-md btn-default btn-h-warning btn-a-warning btn-text-slide-y p-2 btn-open-send-mail-modal"
                                                    data-action="{{ $mailableAction->send_route }}"
                                                    data-name="{{ $mailableAction->name }}"
                                                    >
                                                    <span class="btn-text-1">
                                                        <i class="fa fa-envelope text-130 px-2"></i>
                                                    </span>
                                                    <span class="text-85 btn-text-2">Pošalji</span>
                                                </button>
                                            </td>
                                            <td>
                                                <a
                                                    href="{{ $mailableAction->preview_route }}"
                                                    class="btn btn-md btn-primary btn-h-warning btn-a-warning btn-text-slide-y p-2"
                                                    target="_blank"
                                                    >
                                                    <span class="btn-text-1">
                                                        <i class="fa fa-eye text-130 px-2"></i>
                                                    </span>
                                                    <span class="text-85 btn-text-2">Pregled</span>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <!-- table end -->
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="send-mail-modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <form method="POST" action="" id="send-mail-form">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Pošalji test mejl</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p class="mb-3">
                            Biće poslat mejl: <strong id="send-mail-name"></strong>
                        </p>
                        <div class="form-group mb-0">
                            <label for="recipients">Email adrese</label>
                            @error('recipients')
                                <div class="alert alert-danger py-2 px-3">
                                    {{ $message }}
                                </div>
                            @enderror
                            <textarea
                                name="recipients"
                                id="recipients"
                                rows="4"
                                class="form-control"
                                placeholder="primer1@email.com, primer2@email.com"
                                required
                            >{{ old('recipients') }}{{ config('app.test_mail') }}</textarea>
                            <small class="form-text text-muted">
                                Možete uneti više adresa odvojenih zarezom, tačka-zarezom ili novim redom.
                            </small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-sm">Pošalji</button>
                        <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Zatvori</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    @parent
    <script>
        $(document).on('click', '.btn-open-send-mail-modal', function () {
            $('#send-mail-form').attr('action', $(this).data('action'));
            $('#send-mail-name').text($(this).data('name'));
            $('#send-mail-modal').modal('show');
        });

        @if ($errors->has('recipients'))
            $('#send-mail-modal').modal('show');
        @endif
    </script>
@endsection