@extends('app')

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <h2 class="text-right text-right text-muted">
                <span class="loader_spinner hide">
                    @include('partials.loader_spin')
                </span>
                Υπενθυμίσεις
                <a href="{{ route('reminders.create') }}" class="btn btn-success" style="margin-left: 0.5rem">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Προσθήκη
                </a>
            </h2>
        </div>
    </div>

    <h4>Σημερινές</h4>

    @foreach($reminders as $reminder)
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading{{ $reminder->id }}">
                <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ $reminder->id }}" aria-expanded="true" aria-controls="collapse{{ $reminder->id }}">
                        <span class="glyphicon glyphicon-menu-down"></span>
                        <span class="text-info">{{ str_limit($reminder->comment, $limit = 30, $end = '...') }}</span>
                        <span>&nbsp;&nbsp;{{ $reminder->date->formatLocalized('%a %e ,%b %Y') }}</span>
                    </a>
                    <a href="javascript:void(null)">
                        <span data-reminder-id="{{ $reminder->id }}" class="text-danger glyphicon glyphicon-remove-sign pull-right remove-reminder"></span>
                    </a>
                    {{--<span style="margin-right: 0.5em" class="text-info glyphicon glyphicon-edit pull-right"></span>--}}
                    @if ($reminder->clientFetch())
                        <a style="margin-right: 3em;" class="pull-right" href="{{ route('clients.show', ['id' => $reminder->client_id]) }}">
                            <span class="text-primary">{{ $reminder->clientFetch()->last . ' ' . $reminder->clientFetch()->first }}</span>
                            <span class="text-success">&nbsp;-&nbsp;{{ $reminder->clientFetch()->mobile }}</span>
                        </a>
                    @endif
                </h4>
            </div>
            <div id="collapse{{ $reminder->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading0">
                <div class="panel-body">
                    {{ $reminder->comment }}
                </div>
            </div>
        </div>
    @endforeach

    @if($reminders->count() == 0)
        <div class="row alert alert-danger">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            Δεν βρέθηκε κάποια υπενθύμιση για σήμερα.
        </div>
    @endif

    <div class="col-sm-12">
        <hr style="width: 100%;">
    </div>

    <div class="clearfix"></div>

    <h4>Άλλες</h4>



    @foreach($remindersFuture as $remFut)
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading{{ $remFut->id }}">
                <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ $remFut->id }}" aria-expanded="true" aria-controls="collapse{{ $remFut->id }}">
                        <span class="glyphicon glyphicon-menu-down"></span>
                        <span class="text-info">{{ str_limit($remFut->comment, $limit = 30, $end = '...') }}</span>
                        <span>&nbsp;&nbsp;{{ $remFut->date->formatLocalized('%a %e ,%b %Y') }}</span>
                    </a>
                    <a href="javascript:void(null)">
                        <span data-reminder-id="{{ $remFut->id }}" class="text-danger glyphicon glyphicon-remove-sign pull-right remove-reminder"></span>
                    </a>
                    {{--<span style="margin-right: 0.5em" class="text-info glyphicon glyphicon-edit pull-right"></span>--}}
                    @if ($remFut->clientFetch())
                    <a style="margin-right: 3em;" class="pull-right" href="{{ route('clients.show', ['id' => $remFut->client_id]) }}">
                        <span class="text-primary">{{ $remFut->clientFetch()->last . ' ' . $remFut->clientFetch()->first }}</span>
                        <span class="text-success">&nbsp;-&nbsp;{{ $remFut->clientFetch()->mobile }}</span>
                    </a>
                    @endif
                </h4>
            </div>
            <div id="collapse{{ $remFut->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading0">
                <div class="panel-body">
                    {{ $remFut->comment }}
                </div>
            </div>
        </div>
    @endforeach

    @if($remindersFuture->count() == 0)
        <div class="row alert alert-danger">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            Δεν βρέθηκε κάποια άλλη υπενθύμιση.
        </div>
    @endif

@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $(document).on('click', '.remove-reminder', function () {
                var reminderId = $(this).data('reminderId');
                $.ajax({
                    url: 'reminders/' + $(this).data('reminderId'),
                    type: 'DELETE',
                    data:{ _token: "{{ csrf_token() }}"},
                    beforeSend: function () {
                        $('.loader_spinner').removeClass('hide');
                    },
                    success: function () {
                        $('[data-reminder-id="' + reminderId + '"]').parents('.panel-default').remove();
                    },
                    complete: function () {
                        $('.loader_spinner').addClass('hide');
                    }
                });
            });
        });
    </script>
@stop