@extends('layouts.app')

@section('pagetitle', 'Users')

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
        <li class="breadcrumb-item active">Admin</li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{__("Maintenance announcement mail ") . config('app.name')}}</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <form action="{{route('admin.user.sendmaintenancemail')}}" method="post">
                            @csrf
                          <b> Onderhoud gepland van:
                            <input type="text" checked class="datetimepicker" name="fromdate">

                            Tot:

                            <input type="text" checked class="datetimepicker" name="tilldate">


                          </b>
                            <hr/>@error('fromdate')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                            @error('tilldate')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror

                   <b>    Selecteer ontvangers:</b>
<table class="table table-striped">
    <thead>
        <tr>
            <th>

            </th>
            <th>
Naam
            </th>
            <th>
                Klant
            </th>
            <th>
                Emailadres
            </th>
        </tr>
    </thead>
    <tbody> @foreach($users as $user)
        <tr>
            <th>

                <input type="hidden" name="recipients[{{$user->id}}]" value ='false'></input>
                <input type="checkbox" checked class="" name="recipients[{{$user->id}}]">
            </th>
            <th>
                {{$user->name}}
            </th>
            <th>
                {{$user->client->name}}
            </th>
            <th>
                {{$user->email}}
            </th>
        </tr>
    @endforeach</tbody>
</table>

                            <button name="submit" value="finished" class="btn btn-success"><i class="fa fa-check-circle"></i> Verzend Afmeldbericht</button>
                            <button name="submit" value="anounced" class="btn btn-warning"><i class="fa fa-exclamation-triangle"></i> Verzend onderhoudsaankondiging</button>
                            </form>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <div class="modal fade" id="modal-delete-user" aria-modal="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content bg-danger">
                <form id="userDelForm" action="{{route('admin.user.destroy', ['user' => "<ID>"])}}" method="POST">
                    @csrf
                    @method('delete')
                    <div class="modal-header">
                        <h4 class="modal-title">{{__('Delete user')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>{{ __("Are you sure?") }} {{ __("This can not be undone!") }}</p>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-outline-light"
                                data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" class="btn btn-outline-light">{{__('Delete')}}</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection

@section('page_js')

    <script>
        $(document).ready(function () {
            $('.datetimepicker').datetimepicker({
                "allowInputToggle": true,
                "showClose": true,
                "showClear": true,
                "showTodayButton": true,
                "format": "DD-MM-YYYY HH:mm",
            })
        });
    </script>
@endsection