@extends('layouts.signed')
@section('title', 'Crear centros')
@section('content')


<div class="row d-flex justify-content-center mt-5">
    <div class="col-md-6 col-sm-6">
        <form action="{{ route('storeCenters') }}" method="POST">
            @csrf
            <div class="mb-3">
                <input name="name" type="text" class="form-control mb-3" placeholder="Nombre del centro">
                <select name="state_id" class="form-select mb-3">
                    <option hidden disabled selected>Escoja una provincia</option>
                    @foreach($states as $state)
                    <option value="{{ $state->id }}">{{ $state->name }}</option>
                    @endforeach
                </select>
                <select name="status" class="form-select">
                    <option hidden disabled selected>Establezca el estado del centro</option>
                    <option value="Inactivo">Inactivo</option>
                    <option value="Activo">Activo</option>
                </select>
            </div>
            <div class="d-flex btn-group container text-center mt-3">
                <button type="submit" class="btn btn-pink">Crear centro</button>
                <a href="{{ route('showCenters') }}" class="btn btn-pink">Cancelar</a>
            </div>
        </form>
        @if($errors->any())
        <div class="alert alert-warning mt-2" role="alert">
            <p>Por favor, corriga estos errores: </p>
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </div>
        @endif
    </div>
</div>
@endsection