@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('cms.orders.index') }}
@endsection

@section('title', "Narudzbine | Pregled")

@section('content')
    @livewire('custom-tabulator', ['model' => $model, 'modelHelper' => $modelHelper, 'hasFilter' => true, 'hasChangeModel' => false])

    <x-delete-modal></x-delete-modal>

    <div class="mt-2">
        <a href="{{ route('scripts.test_subscribe_payment_reminder') }}" class="btn btn-success">Posalji podsetnike za neplacene pretplate</a>
        <a href="{{ route('scripts.test_course_payment_reminder') }}" class="btn btn-success">Posalji podsetnike za neplacene kurseve</a>
    </div>

    @include('orders._cahnge-order-created-at-modal')
@endsection

@section('scripts')
    @parent
    <script>
        document.querySelectorAll(".btn-update-order-create-date").forEach((btnUpdateCreatedAtBrtn) => btnUpdateCreatedAtBrtn.addEventListener('click', (e) => {
            const orderId = e.currentTarget.dataset.orderId;
            const createdAt = e.currentTarget.dataset.createdAt;

            const createdAtInput = document.querySelector("#created_at");
            createdAtInput.value = createdAt;
            const form = document.querySelector("#change-order-created-date-form");
            form.action = route('cms.orders.created_at.update', {order: orderId});

            $('#change-order-created-date-modal').modal('show');
        }));
    </script>
@endsection