@extends('layouts.app')

@section('breadcrumbs')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb my-0 ms-2">
            <li class="breadcrumb-item">
                <a href="/">
                    <svg class="nav-icon">
                        <use xlink:href="/images/sprites/free.svg#cil-home"></use>
                    </svg>
                </a>
            </li>
            <li class="breadcrumb-item">
                <a href="/whitelist-entries">
                    <span>Whitelist Entries</span>
                </a>
            </li>
            <li class="breadcrumb-item active"><span>Create</span></li>
        </ol>
    </nav>
@endsection

@section('content')

	@include('partials.messages')
	
	<div class="card mb-4">
		<div class="card-header">Create Whitelist Entry</div>

		<div class="card-body">

			<form method="POST" action="/whitelist-entries" autocomplete="off">
				{{ csrf_field() }}

				<x-form.input name="name">{{ old('name') }}</x-form.input>

                <div class="row">
                    <div class="col-md-4">
				        <x-form.input name="ipv4" label="IPv4">{{ old('ipv4') }}</x-form.input>
                    </div>
                    <div class="col-sm-4">
                        <x-form.input name="ipv6" label="IPv6">{{ old('ipv6') }}</x-form.input>
                    </div>
                    <div class="col-sm-4">
                        <x-form.input name="hostname" label="Hostname">{{ old('hostname') }}</x-form.input>
                    </div>
                </div>

                <x-form.checkbox-group name="profiles" label="Profiles" :options="$profiles" :selected="old('profiles', [])" />

                <x-form.textarea name="comments" rows="4" class="font-monospace mx-0">{{ old('comments') }}</x-form.textarea>

				<x-form.textarea name="notes" rows="4" class="font-monospace mx-0">{{ old('notes') }}</x-form.textarea>
                
                <x-form.switch name="enabled" label="Status">{{ old('enabled') }}</x-form.switch>

				<div class="my-3">
				    <input class="btn btn-primary" type="submit" value="Create">
				</div>
			</form>

		</div>

	</div>

@endsection('content')