@php($typeBalanceIcon = [
    1 => 'sms',
    2 => 'notifications',
    3 => 'email'
])

@foreach($schedules->data as $schedule)

    @php($scheduleDate = \Carbon\Carbon::parse($schedule->scheduled_date))

    <div class="row" id="list-schedule-{{ $schedule->id }}">
        <div class="col s12 U_no-padding">
            <div class="U_full-widht valign-wrapper">
                <div class="U_border-radius-30  U_height-60 U_widht-60 U_border-style-solid-grey U_padding-3">
                    <p class="U_no-margin U_text-center U_font-weight-500 grey-text text-darken-1">
                        {{ $scheduleDate->format('d') }}
                    </p>
                    <hr class="U_no-margin">
                    <p class="U_no-margin U_text-center U_font-weight-500 grey-text text-darken-1">
                        {{ $scheduleDate->format('H:i') }}
                    </p>
                </div>
                <div class="U_widht-250 U_margin_left-10">
                    <p class="U_no-margin truncate U_font-weight-500 grey-text text-darken-2">{{ $schedule->message }}</p>
                    <p class="U_no-margin">
                        @foreach(explode(',' ,$schedule->types_balances_id) as $typesBalancesId)
                            <i class="material-icons md-18 grey-text">{{ $typeBalanceIcon[$typesBalancesId] }}</i>
                        @endforeach
                    </p>
                </div>

                <div>
                    <a class="btn btn-flat btn-floating right" onclick="deleteScheduling('{{ $schedule->id }}')">
                        <i class="material-icons grey-text text-darken-1">delete</i>
                    </a>
                </div>

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

@endforeach

@if(count($schedules->data) === 0)
    <div class="U_height-200 U_full-widht valign-wrapper">
        <div class="U_center-item-horizontal center">
            <i class="material-icons U_center-item-horizontal grey-text md-48">today</i>
            <span class="U_center-item-horizonta grey-text U_font-weight-500">Não existe agendamentos pendentes</span>
        </div>
    </div>
@endif