@extends('layouts.app')

@section('title', __('Campaign View'))

@push('pre_css')
    @include('panel.inc.flatpicker.css')
    <style>
        .card-body{
            font-size: 18px;
        }
    </style>
@endpush

@push('css')
    @include('panel.inc.datatable.css')
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Projects Reminders') }}
                </div>
                <h2 class="page-title">
                    {{ $campaign->title }}
                </h2>
            </div>

            <div class="col-auto ml-auto d-print-none">
                <div class="btn-list">
                    @if(\Gate::allows('campaigns-reminders-add'))
                        <a href="javascript:void(0)" onclick="fetchModal({el:this})" data-modal="#reminderModal" data-modal-url="{{ route('panel.campaigns.reminders.modal', $campaign->id) }}" class="btn btn-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            Add Reminder
                        </a>
                    @endif
                </div>
            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            @include('panel.customers._customer-details', ['customer' => $campaign->customer, 'isMini' => true])
        </div>

        <div class="col-md-8">
            @include('panel.campaigns.pages._navigation', ['campaign' => $campaign])

            <div class="page-header">
                <div class="row align-items-center">
                    <div class="col-auto">
                        <h2 class="page-title">
                            {{ ___("Reminders") }}
                        </h2>
                    </div>

                </div>
            </div>

            <div class="row row-deck">
                <div class="card">
                    {!! $dataTable->table() !!}
                </div>
                {{--@forelse($reminders as $reminder)
                    <div class="col-md-4 mb">
                        <div class="card">
                            <div class="card-body">
                                <fieldset class="form-fieldset {{ $reminder->is_triggered ? 'bg-green-lt' : '' }}">
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label class="form-label">Title</label>
                                            {{ $reminder->title }}
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Due Date</label>
                                            {{ $reminder->due_date ? $reminder->due_date->toDateString() : '-' }}
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Time</label>
                                            {{ $reminder->time ? $reminder->time->format('h:i A') : '-' }}
                                        </div>
                                        <div class="text-center">
                                            @if(\Gate::allows('campaigns-reminders-delete'))
                                                <a class="btn btn-danger deleteReminderModel" data-model-id="{{ $reminder->id }}" href="javascript:void(0)">
                                                    Delete
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="container-xl d-flex flex-column justify-content-center">
                        <div class="empty py-0 pt-5">
                            <div class="empty-img">
                                <img src="{{ asset('tabler/static/empty.svg') }}" alt="Empty">
                            </div>
                            <p class="empty-title">No Record Found!</p>
                        </div>
                    </div>
                @endforelse--}}
            </div>
        </div>
    </div>

@stop

@push('script')
    @include('panel.inc.datatable.js')
    {!! $dataTable->scripts() !!}

    @include('panel.inc.flatpicker.js')

    <script !src="">
        @if(\Gate::allows('campaigns-reminders-delete'))
        $(document).on('click', '.deleteModel', function(){
            let el = this;
            deletePopup({
                el: el,
                url: '{{ route('panel.campaigns.reminders.delete', $campaign->id) }}',
                params:{
                    moduleID: $(el).data('model-id')
                },
                datatable: $('#reminders-table').DataTable()
            });
        });
        {{--$(document).on('click', '.deleteReminderModel', function(){--}}
        {{--    let el = this;--}}
        {{--    $(el).btnloading();--}}
        {{--    $.confirm({--}}
        {{--        title: "Are you sure?",--}}
        {{--        content: "You won't be able to revert this!",--}}
        {{--        type: 'red',--}}
        {{--        buttons: {--}}
        {{--            close: function () {--}}
        {{--                $(el).btnreset();--}}
        {{--            },--}}
        {{--            Delete: {--}}
        {{--                text: 'Delete',--}}
        {{--                btnClass: 'btn-danger',--}}
        {{--                action: function(){--}}
        {{--                    axios.post('{{ route('panel.campaigns.reminders.delete', $campaign->id) }}', {--}}
        {{--                        moduleID: $(el).data('model-id')--}}
        {{--                    }).then(function(response){--}}
        {{--                        notify('success', response.data.message);--}}
        {{--                        setTimeout(function(){--}}
        {{--                            location.reload();--}}
        {{--                        }, 1000)--}}
        {{--                    }).catch(function(e){--}}
        {{--                        notify('error', e.response.data.message);--}}
        {{--                        $(el).btnreset();--}}
        {{--                    });--}}
        {{--                }--}}
        {{--            }--}}
        {{--        }--}}
        {{--    });--}}
        {{--});--}}
        @endif
    </script>
@endpush