@extends('layouts.main')
@push('styles')
<link rel="stylesheet" type="text/css" href="{{asset('datatables/datatables.min.css')}}">
@endpush
@section('content')
<div class="card">
    <div class="card-block">
        <div class="col-md-12">
            <div class="panel panel-default">                  
                
                <div class="panel-heading">
                    <h1>
                        {{ __('strings.my_reminders') }}
                        
                    <span class="float-sm-right">
                        <a href="{{route('reminders_add_index')}}" class="btn btn-primary"> {{__('strings.new_reminder')}} </a>
                    </span> 
                    </h1>               
                </div>            
                <hr>

                <div class="cc-selector panel-body">
                    <div class="table-responsive">
                        <table id="quiq-drivers-table" class="table hover mb-0">
                            <thead class="thead-inverse">
                                <tr>           	
                                    <th>Id</th>
                                    <th>{{__('strings.name')}}</th>
                                    <th>{{__('strings.repeating')}}</th>
                                    <th>{{__('strings.notify')}}</th>
                                    <th>{{__('strings.date_time')}}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>                                
                                @foreach ($reminders as $r)                                
                                <tr>
                                    <td>{{$r->id}}</td>
                                    <td>{{$r->name}}</td>
                                    <td>
                                        <div class="form-check">
                                            <input type="checkbox" onclick="onCheck(this,{{$r->id}})" {{($r->repeating ? 'checked':'')}} >
                                        </div>
                                    </td>
                                    <td>{{$r->minutes_before}} min. antes</td>
                                    <td><script>document.write(moment.utc('{{$r->notification_date}}').local().format('MMMM D, YYYY HH:mm')); </script></td>
                                    <td><input type="button" class="btn btn-info btn-rounded" onclick="cancelReminder({{$r->id}})" value="CANCELAR"></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{$reminders->render()}}
                </div>
                <!--
                <hr>
                <div class="panel-body">                
                    <button id="request_driver" type="button" class="btn btn-primary" onclick="">{{ __('strings.add_new_card') }}</button>                    
                </div>
                -->
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function onCheck(cb, idReminder) {
    $.ajax({
        url: "{{route('api_user_reminder_repeating_update')}}",
        type: "POST",
        dataType: "json",
        contentType: "application/json",
        data: JSON.stringify({
                id_reminder: idReminder,
                repeating: cb.checked,
                user_token: '{{Auth::user()->SECURE_TOKEN}}'
        }),
        success: function (json) {
            console.log(json);
            location.reload();
        },
        error: function (err) {
        	console.log(err);
        }
    });
}

function cancelReminder(idReminder) {
    console.log(idReminder);
    $.ajax({
        url: "{{route('api_user_reminder_cancel')}}",
        type: "POST",
        dataType: "json",
        contentType: "application/json",
        data: JSON.stringify({
                id_reminder: idReminder,
                user_token: '{{Auth::user()->SECURE_TOKEN}}'
        }),
        success: function (json) {
            console.log(json);
            location.reload();
        },
        error: function (err) {
        	console.log(err);
        }
    });
}
</script>
@endpush