@extends('layouts.signed')
@section('title', 'Editar centros')
@section('content')
<div class="row d-flex justify-content-center mt-5">
    <div class="col-md-6 col-sm-6">
        @foreach($centers as $center)
        <form action="{{ route('updateCenters', $center->id) }}" method="POST">
            @csrf
            <div class="mb-3">
                <input name="name" type="text" class="form-control mb-3" placeholder="Nombre del centro" value="{{ $center->name }}">
                <select name="state_id" class="form-select">
                    <option hidden disabled selected>Escoja una provincia</option>
                    @foreach($states as $state)
                    <option @if ($center->state_id == $state->id) ? selected : '' @endif value="{{ $state->id }}">{{ $state->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="mb-3">
                <select name="status" class="form-select">
                    <option @if ($center->status == 'Inactivo') ? selected : '' @endif value="Inactivo">Inactivo</option>
                    <option @if ($center->status == 'Activo') ? selected : '' @endif value="Activo">Activo</option>
                </select>
            </div>

            <div class="d-flex btn-group container text-center mt-3">
                <button type="submit" class="btn btn-pink">Actualizar centro</button>
                <a href="{{ route('showCenters') }}" class="btn btn-pink">Cancelar</a>
            </div>
        </form>
        @endforeach
        @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