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

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Networking / Monitoring / Edit</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
    <div class="row">
        <div class="col-lg-12">
            Edit MONITORING DEVICE
        </div>
    </div>
    <br>
    <div class="col-lg-8 panel panel-default">
        <div class="panel-body p-3">
            <form id="admin_networking_monitoring_add_form" class="form-horizontal" role="form" action="{{route('network.monitor.reupdate', $device->id)}}" method="POST">
                @csrf
                <fieldset>
                @php
                  $userid = json_decode($device->user_id);
                  $dnsid = explode(",",$device->ipaddress);
              @endphp
               <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Device Group
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="Monitoring[device_group_id]" id="monitoring-device_group_id" required tabindex="-1" aria-hidden="true">
                            <option value="0" selected="">None</option>
                            @foreach ($devicegroups as $item)
                            <option value="{{$item->id}}" @if ($device->device_group_id == $item->id) selected @endif>{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Name
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;" original-value="" force-send="1" required="" class="form-control input-sm" autocomplete="off" name="Monitoring[name]" id="monitoring-name" value="{{$device->name}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Parent
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="0" force-send="1" class="select2 select2-hidden-accessible" name="Monitoring[parent_id]" id="monitoring-parent_id" tabindex="-1" aria-hidden="true">
                            <option value="0" selected="">None</option>
                            @foreach ($parents as $item)
                            <option value="{{$item->id}}" @if ($device->parent_id == $item->id) selected @endif>{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Make
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="" force-send="1" class="select2 select2-hidden-accessible" name="Monitoring[make_id]" id="monitoring-make_id" tabindex="-1" aria-hidden="true">
                            <option value="1"  @if ($device->make_id == 1) selected @endif>MikroTik</option>
                            <option value="2"  @if ($device->make_id == 2) selected @endif>Ubiquity</option>
                            <option value="0"  @if ($device->make_id == 0) selected @endif>Other</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Type
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="" force-send="1" class="select2 select2-hidden-accessible" name="Monitoring[type]" id="monitoring-type" tabindex="-1" aria-hidden="true">
                            <option value="">Please Select</option>
                            <option value="sector" {{$device->type == 'sector' ? 'selected' : ''}}>Sector</option>
                            <option value="other" {{$device->type == 'other' ? 'selected' : ''}}>Other</option>
                        </select>
                    </div>
                </div>
                <div class="form-group dns-block {{$device->type == 'sector' ? '' : 'hide-block'}}">
                    <label class="control-label col-lg-4 col-md-3">
                        Select DNS
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="ipaddress[]" id="monitoring-ipaddress" tabindex="-1" aria-hidden="true" multiple>
                            @foreach ($dns as $item)
                            <option value="{{$item->id}}" @if ($dnsid != null && in_array($item->id, $dnsid)) selected @endif>{{$item->name}} - {{$item->ipaddress}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <!-- <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Model
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;" original-value="" force-send="1" class="form-control input-sm" autocomplete="off" name="Monitoring[model]" id="monitoring-model" value="{{$device->model}}">
                    </div>
                </div> -->

                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        IP address
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;" original-value="" force-send="1" required="" class="form-control input-sm" autocomplete="off" name="Monitoring[ip]" id="monitoring-ip" value="{{$device->ip}}">
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Port
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;" original-value="161" force-send="1" required="" class="form-control input-sm" autocomplete="off" name="Monitoring[port]" id="monitoring-port" value="{{$device->port}}">
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        User
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;"  required="" class="form-control input-sm" autocomplete="off" name="Monitoring[user]" id="monitoring-user" value="{{$device->user}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Password
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="password" style="width: 100%;"  required="" class="form-control input-sm" autocomplete="off" name="Monitoring[password]" id="monitoring-password" value="{{$device->password}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Password Confirm
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="password" style="width: 100%;"  required="" class="form-control input-sm" autocomplete="off" name="Monitoring[passworkd_confirm]" id="monitoring-password_confirm" value="{{$device->password}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Sound Notification
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="checkbox" class="custom-checkbox" name="Monitoring[is_sound]" id="monitoring-sound" {{$device->is_sound == '1' ? 'checked' : ''}}>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Message Notification
                    </label>

                    <div class="col-lg-8 col-md-9">
                        <input type="checkbox" class="custom-checkbox" name="Monitoring[is_notified]" id="monitoring-notified" {{$device->is_notified == '1' ? 'checked' : ''}}>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Select User
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <select type="select" style="width: 100%;" original-value="0" class="select2 select2-hidden-accessible" name="user_id[]" id="monitoring-user_id" tabindex="-1" aria-hidden="true" multiple>
                            @foreach ($users as $item)
                            <option value="{{$item->id}}" @if ($userid != null && in_array($item->id, $userid)) selected @endif>{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12">
                        <input type="submit" value="Update" class="btn btn-primary btn-sm pull-right" id="admin_networking_monitoring_add_button">
                    </div>
                </div>

            </fieldset>

            </form>
        </div>
    </div>
</div>
@endsection

@push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
    <script>
            $(".select2").select2();
            $(function() {
  
                $("form#admin_networking_monitoring_add_form").validate({
                        submitHandler: function(form) {
                            form.submit();
                        }
                });
                $("#monitoring-type").on('change', function(){
                    if($(this).val() == "sector"){
                        $(".dns-block").show();
                    }
                    else{
                        $(".dns-block").hide();
                        $("#monitoring-ipaddress").val('').trigger('change');
                    }
                });
                
            });
    </script>
@endpush