@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Ajout d'un serveur</div>

                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger" role="alert">
                                {{ session('error') }}
                            </div>
                        @endif
                        <form action="{{route('servers.store')}}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Environnement :</b></label>
                                        <select name="env" class="form-control" required>
                                            <option value="PROD">PROD</option>
                                            <option value="DEV">DEV</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>IP Virtuelle :</b></label>
                                        <input type="text" class="form-control" name="virtual_ip"
                                               placeholder="IP Virtuelle" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>SSH :</b></label>
                                        <input type="text" class="form-control" name="ssh" placeholder="SSH" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>IP Infraweb :</b></label>
                                        <input type="text" class="form-control" name="infraweb_ip" placeholder="IP Infraweb" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Titre :</b></label>
                                        <input type="text" class="form-control" name="title" placeholder="Titre" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Libellé :</b></label>
                                        <input type="text" class="form-control" name="name" placeholder="Libellé" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Fonction :</b></label>
                                        <input type="text" class="form-control" name="function" placeholder="Fonction" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Commentaire :</b></label>
                                        <input type="text" class="form-control" name="comment" placeholder="Commentaire">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Type (utilisé dans l'application) :</b></label>
                                        <input type="text" class="form-control" name="type" placeholder="Type">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label><b>Datastore PCC :</b></label>
                                        <select name="datastore_pcc_id" class="form-control">
                                            <option value=""></option>
                                            @foreach($datastores_pcc as $dpcc)
                                                <option value="{{$dpcc->id}}">{{$dpcc->title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <input type="submit" value="Enregistrer" class="btn btn-primary">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection