@extends('layouts.argo')
@section('content')

<div class="col">
    <div class="card">
        <div class="card-header border-0">
            <h3 class="mb-0">Cadastrar IP em Whitelist</h3>
        </div>
        <div class="card-body">
            <form action="{{route('whiteList.store')}}" method="post" id="formulario" enctype="multipart/form-data">
                {{csrf_field()}}
                
                <div class="form-group">
                    <div class="form-row">
                        <div class="col-md-4">
                            <label for="ip_type">Tipo do IP *</label>
                            <select required name="ip_type" id="ip_type" class="form-control">
                                <option value="">Selecione uma opção</option>
                                <option value="ipv4" @if (old('ip_type') == 'ipv4')
                                    selected
                                @endif>IPv4</option>
                                <option value="ipv6" @if (old('ip_type') == 'ipv6')
                                selected
                            @endif>IPv6</option>
                            </select>
                            @if($errors->has('ip_type'))
                            @foreach($errors->get('ip_type') as $e)
                            <p class="text-danger">{{$e}}</p>
                            @endforeach
                            @endif
                        </div>
                        <div class="col-md-8" style="display: none" id="divIpv4">
                            <label for="ipv4">IPv4 *</label>
                            <input class='form-control' type="text" id="ipv4" name="ipv4" value="{{old('ipv4')}}" placeholder="000.000.000.000">
                            @if($errors->has('ipv4'))
                            @foreach($errors->get('ipv4') as $e)
                            <p class="text-danger">{{$e}}</p>
                            @endforeach
                            @endif
                        </div>
                        <div class="col-md-8" style="display: none" id="divIpv6">
                            <label for="ipv6">IPv6 *</label>
                            <input class='form-control' type="text" id="ipv6" name="ipv6" value="{{old('ipv6')}}" placeholder="0000:0000:0000:0000:0000:0000:0000:0000">
                            @if($errors->has('ipv6'))
                            @foreach($errors->get('ipv6') as $e)
                            <p class="text-danger">{{$e}}</p>
                            @endforeach
                            @endif
                        </div>

                        {{-- <div class="col-md-6">
                            <label for="action">Ação *</label>
                            <select name="action" id="action" class="form-control">
                                <option value="">Selecione uma opção</option>
                                <option value="add" @if (old('action') == 'add')
                                    selected
                                @endif>Adicionar</option>
                                <option value="rm" @if (old('action') == 'rm')
                                selected
                            @endif>Remover</option>
                            </select>
                            @if($errors->has('action'))
                            @foreach($errors->get('action') as $e)
                            <p class="text-danger">{{$e}}</p>
                            @endforeach
                            @endif
                        </div> --}}
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <label for="obs">Observação</label>
                            <input class="form-control" type="text" id="obs" name="obs" value="{{old('obs')}}" placeholder="(Opcional)">
                            @if($errors->has('obs'))
                            @foreach($errors->get('obs') as $e)
                            {{$e}}
                            @endforeach
                            @endif
                        </div>
                    </div>
                </div>

                <div class="card-footer">
                    <input class="btn bg-{{ session('template')->nome }}" type="submit" value="Cadastrar">
                    <a href="{{ route('whiteList.index') }}" class="btn bg-secondary border border-dark">Voltar</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

{{-- <script>
    
</script> --}}