@extends('layouts.app', ['pageSlug' => 'customermonitor'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Customer / Monitor</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
    <div class="row">
        <div class="col-lg-12">
			@if(isset($monitor))
			Edit Customer Monitor
			@else
			Add Customer Monitor
			@endif
        </div>
    </div>
    <br>
    <div class="col-lg-12 panel panel-default">
        <div class="panel-body">
                <form class="form-horizontal" role="form" action="{{route('customer.monitor.save')}}" method="POST">
                @csrf
                <fieldset>
    			@if(isset($monitor))
    			@php
                  $userid = json_decode($monitor->user_id);
    			@endphp
                <input type="hidden" name="id" value="{{$monitor->id}}">
    			@endif
                <input type="hidden" name="is_admin" value="{{isset($monitor) ? $monitor->is_admin : '1'}}">
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Customers
                    </label>
                    <div class="col-lg-8 col-md-9">
                        @if(isset($monitor))
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="customer_id" required tabindex="-1" aria-hidden="true">
                            @foreach ($customers as $item)
                            <option value="{{$item->username}}" @if (isset($monitor) && $monitor->customer_id == $item->username) selected @endif>{{$item->username}}</option>
                            @endforeach
                        </select>
                        @else
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="customers[]" required tabindex="-1" aria-hidden="true" multiple>
                            @foreach ($customers as $item)
                            <option value="{{$item->username}}">{{$item->username}}</option>
                            @endforeach
                        </select>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Days
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <input type="number" style="width: 100%;" original-value="" force-send="1" required="" class="form-control input-sm" name="days" value="{{isset($monitor) ? $monitor->days : ''}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Send Notification To
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="users[]" required tabindex="-1" aria-hidden="true" multiple>
                            @foreach ($users as $item)
                            <option value="{{$item->id}}" @if(isset($monitor) && $userid != null && in_array($item->id, $userid)) selected @endif>{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12">
                        <input type="submit" value="Save" class="btn btn-primary btn-sm pull-right" >
                    </div>
                </div>
            </fieldset>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            Customer Monitor List
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-lg-12">
            <div class="p-3">                
                <table id="custom_table" class="table table-striped table-bordered">
                    <thead>
                        <th>#</th>
                        <th>Name</th>
                        <th>Days</th>
                        <th>Alert To</th>
                        <th>By</th>
                        <th>Created</th>
                        <th>Action</th>
                    </thead>
                    <tbody>
                        @foreach ($monitorlist as $key => $item)
                        @php
                            $alert = json_decode($item->user_id);
                            $customer = json_decode($item->customer_id);
                        @endphp
                        <tr>
                            <td>{{$key+1}}</td>
                            <td>{{$item->customer_id}} </td>
                            <td>{{$item->days}}</td>
                            <td>
                                @foreach($alert as $a)
                                    @php
                                    $user = App\User::find($a);
                                    @endphp
                                    {{$user->name}},
                                @endforeach
                            </td>
                            <td>{{$item->is_admin ? 'admin' : 'portal'}}</td>
                            <td>{{formatYmd($item->created_at)}}</td>
                            <td>
                                <a href="{{route('customer.monitor.report', 'user='.$item->customer_id)}}" title="View Report"><i class="fa fa-eye a-green"></i></a>
                                <a href="{{route('customer.monitor.edit', $item->id)}}" title="Edit"><i class="fa fa-edit"></i></a>
                                <a href="#" data-id="{{$item->id}}" title="Delete" class="monitor-delete" style="color:red !important;"><i class="fa fa-trash-alt"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
    $(function() {
        $('#custom_table').dataTable({
            stateSave: true
        });
        $('body').on("click",".monitor-delete",function (event) {
            var id = $(this).data('id');
            var url = "monitor/delete/" + id;
            if (confirm('Are you sure you want to delete this?')) {
                $.ajax({
                    headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      },
                    url: url,
                    type: "DELETE",
                    success: function () {
                        toastr.success('Successfully deleted');
                        location.reload();
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        toastr.error('Error in deletion');
                        console.log(textStatus, errorThrown);
                    }
                });
            }
        });
        $(".select2").select2();
    });
    </script>
@endpush