@extends('layouts.boxes')

@section('content')
<div class="card my-4">
    <div class="card-header bg-dark text-light">
        <a class="navbar-brand" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample">
            Agregar Configuracion
          </a>
    </div>
        <div class="card-body">
            <form method="post" action="{{ route('config.store') }}">
                @csrf
                <div class="form-group">
                    <label for="name">Nombre:</label>
                    <input type="text" class="form-control" name="name" id="name">
                </div>
                <div class="form-group">
                    <label for="config">Configuracion:</label>
                    <input type="text" class="form-control" name="config" id="config">
                </div>
                <button type="submit" class="btn btn-dark">Guardar</button>
                
            </form>
        </div>
    {{-- <div class="card-header bg-dark text-light">
        <a class="navbar-brand" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample">
            Add Box
          </a>
    </div>
    <div class="collapse" id="collapseExample">
        <div class="card-body">
            <form method="post" action="{{ route('boxes.store') }}">
                @csrf
                <div class="form-group">
                    <label for="modelo">Modelo:</label>
                    <input type="text" class="form-control" name="modelo" id="modelo">
                </div>
                <div class="form-group">
                    <label for="serie">Serie:</label>
                    <input type="text" class="form-control" name="serie" id="serie">
                </div>
                <div class="form-group">
                    <label for="host">Host</label>
                    <input type="text" class="form-control" name="host" id="host">
                </div>
                <div class="form-group">
                    <label for="ubicacion">Ubicacion:</label>
                    <input type="text" class="form-control" name="ubicacion" id="ubicacion">
                </div>
                <button type="submit" class="btn btn-dark">Guardar</button>
                
            </form>
        </div>
    </div> --}}
</div>  
@endsection