@Master['masterpage.html']
@Section['CSS'];
<link href="/Content/bootstrap-dialog.css" rel="stylesheet" />
@EndSection
@Section['Content'];

<div class="row">
    <div class="col-lg-4  col-lg-offset-4 text-center"><h4><b>Raspberry Network</b></span></h4></div>
</div>
<div class="row">
    <div class="col-lg-6  col-lg-offset-3">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group">
                    <label for="edittimer_name">IP-Adress</label>
                    <input type="text" class="form-control" id="raspberry_ip" placeholder="192.168.x.x" value="@Model.RaspberryNetwork.IP">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Netmask</label>
                    <input type="text" class="form-control" id="raspberry_netmask" placeholder="192.168.x.x" value="@Model.RaspberryNetwork.Netmask">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Gateway</label>
                    <input type="text" class="form-control" id="raspberry_gateway" placeholder="192.168.x.x" value="@Model.RaspberryNetwork.Gateway">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">DNS Server Primary</label>
                    <input type="text" class="form-control" id="raspberry_dnsone" placeholder="192.168.x.x" value="@Model.RaspberryNetwork.DNSOne">
                </div>
                <div class="form-group" hidden>
                    <label for="edittimer_name">DNS Server Secondery</label>
                    <input type="text" class="form-control" id="raspberry_dnstwo" placeholder="192.168.x.x">
                </div>
                <div class="col-lg-2 pull-right">
                    <button class="btn btn-default btn-block" onclick="SetRaspberryPiConfig()">Save</button>
                </div>
            </div>
        </div>
    </div>
</div>
@If.ISCDHCPEnabled
<div class="row">
    <div class="col-lg-4  col-lg-offset-4 text-center"><h4><b>DHCP Network</b></h4></div>
</div>
<div class="row">
    <div class="col-lg-6  col-lg-offset-3">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group">
                    <label for="edittimer_name">Domain</label>
                    <input type="text" class="form-control" id="dhcp_domain" placeholder="home.local" value="@Model.DHCPNetwork.Domain">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Subnet</label>
                    <input type="text" class="form-control" id="dhcp_subnet" placeholder="192.168.x.0" value="@Model.DHCPNetwork.Subnet">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Netmask</label>
                    <input type="text" class="form-control" id="dhcp_netmask" placeholder="255.255.x.x" value="@Model.DHCPNetwork.Netmask">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Range</label>
                    <div class="form-inline">
                        <input type="text" class="form-control" style="width:45%" id="dhcp_rangefrom" placeholder="192.168.x.x" value="@Model.DHCPNetwork.RangeFrom">
                        <i class="fa fa-arrow-left"> </i><i class="fa fa-arrow-right"> </i>
                        <input type="text" class="form-control" style="width:45%" id="dhcp_rangeto" placeholder="192.168.x.x" value="@Model.DHCPNetwork.RangeTo">
                    </div>
                </div>
                <div class="form-group">
                    <label for="edittimer_name">Gateway</label>
                    <input type="text" class="form-control" id="dhcp_gateway" placeholder="192.168.x.x" value="@Model.DHCPNetwork.Gateway">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">DNS Server Primary</label>
                    <input type="text" class="form-control" id="dhcp_dnsone" placeholder="192.168.x.x" value="@Model.DHCPNetwork.DNSOne">
                </div>
                <div class="form-group">
                    <label for="edittimer_name">DNS Server Secondery</label>
                    <input type="text" class="form-control" id="dhcp_dnstwo" placeholder="192.168.x.x" value="@Model.DHCPNetwork.DNSTwo">
                </div>
                <div class="col-lg-2 pull-right">
                    <button class="btn btn-default btn-block" onclick="SetDHCPCOnfig()">Save</button>
                </div>
            </div>
        </div>
    </div>
</div>
@EndIf
@EndSection

@Section['Script'];
<script src="/Scripts/bootstrap-dialog.js"></script>
<script>
    function SetDHCPCOnfig() {
        $.ajax({
            type: 'POST',
            async: false,
            url: 'Json/SetDHCPConfig',
            data:
                ({
                    Domain: $('#dhcp_domain').val(),
                    Subnet: $('#dhcp_subnet').val(),
                    Netmask: $('#dhcp_netmask').val(),
                    RangeFrom: $('#dhcp_rangefrom').val(),
                    RangeTo: $('#dhcp_rangeto').val(),
                    Gateway: $('#dhcp_gateway').val(),
                    DNSOne: $('#dhcp_dnsone').val(),
                    DNSTwo: $('#dhcp_dnstwo').val()
                })
        });

        BootstrapDialog.alert({
            title: '<b>Saved DHCP configuration...</b>',
            message: 'Saved DHCP configuration and the DHCP server has been restarted!',
            type: BootstrapDialog.TYPE_SUCCESS,
            btnOKLabel: 'Ok',
            btnOKClass: 'btn-default',
            callback: function (result) {
                if (result) {
                    location.reload();
                }
            }
        });
    }


    function SetRaspberryPiConfig() {
        $.ajax({
            type: 'POST',
            async: false,
            url: 'Json/SetRaspberryPiConfig',
            data:
                ({
                    IP: $('#raspberry_ip').val(),
                    Netmask: $('#raspberry_netmask').val(),
                    Gateway: $('#raspberry_gateway').val(),
                    DNSOne: $('#raspberry_dnsone').val(),
                    DNSTwo: $('#raspberry_dnstwo').val()
                })
        });

        BootstrapDialog.alert({
            title: '<b>Saved RaspberryIP network configuration...</b>',
            message: 'Saved RaspberryIP network configuration and the network service has been restarted!',
            type: BootstrapDialog.TYPE_SUCCESS,
            btnOKLabel: 'Ok',
            btnOKClass: 'btn-default',
            callback: function (result) {
                if (result) {
                    location.reload();
                }
            }
        });
    }
</script>
@EndSection