@extends('layouts.auth')
@section('title')
    {{ config('app.name', 'Laravel') }} | {{ __('auth.login.title') }}
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <h4 class="page-title">Change Database</h4>
            @if (session('error'))
                <div class="alert alert-danger alert-dismissable">
                    <a aria-label="close" class="close" data-dismiss="alert" href="#">&times;</a>
                    <div class="info-box-content">
                        <span class="info-box-icon"><span class="material-icons">warning</span></span>
                        <span class="info-box-text">{{ session('error') }}</span>
                    </div>
                </div>
            @endif
            <form method="POST" action="{{ route('update.database') }}">
                @csrf
                <div class="input-group mb-3">
                    <input
                        type="username"
                        id="username"
                        name="username"
                        class="form-control @error('username') is-invalid @enderror"
                        placeholder="{{ __('auth.login.labels.username') }}"
                        value="{{ old('username') }}"
                        required>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="material-icons">person</span>
                        </div>
                    </div>
                    @error('username')
                    <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="input-group mb-3">
                    <input
                        type="password"
                        id="password"
                        name="password"
                        class="form-control @error('password') is-invalid @enderror"
                        placeholder="{{ __('auth.login.labels.password') }}"
                        value="{{ old('password') }}"
                        required>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="material-icons">lock</span>
                        </div>
                    </div>
                    @error('password')
                    <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="input-group mb-3">
                    {{-- <input
                        type="database"
                        id="database"
                        name="database"
                        class="form-control @error('database') is-invalid @enderror"
                        placeholder="Database"
                        value="{{ old('database') }}"
                        required> --}}

                        <select
                        id="database"
                        name="database"
                        class="form-control @error('database') is-invalid @enderror"
                        required>
                        <option value="" disabled selected>Select Database</option>
                        @foreach (array_keys(config('database_connections.databases')) as $database)
                            <option value="{{ $database }}" {{ old('database') == 'database1' ? 'selected' : '' }}>{{ $database}}</option>
                        @endforeach
                        <!-- Add more options as needed -->
                    </select>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="material-icons"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M446-446Zm106-95Zm-106 95Zm106-95Zm-106 95Zm106-95ZM791-56 56-791l56-57 736 736-57 56Zm-311-64q-151 0-255.5-46.5T120-280v-400q0-26 17.5-49.5T187-773l252 252q-72-3-133-18t-106-40v120q51 29 123 44t157 15q20 0 39-.5t38-2.5l70 70q-34 7-71 10t-76 3q-85 0-157-15t-123-44v99q9 29 97.5 54.5T480-200q64 0 128.5-13T715-245l58 58q-49 31-125.5 49T480-120Zm350-123-70-70v-66q-11 6-22 11t-23 10l-61-61q30-8 56.5-17.5T760-459v-120q-41 23-94 37t-116 19l-76-76q44 0 92-7t89.5-18.5q41.5-11.5 70-26T760-679q-11-29-100.5-55T480-760q-37 0-75.5 5T331-742l-66-66q45-15 100-23.5t115-8.5q149 0 254.5 47T840-680v400q0 10-2.5 19t-7.5 18Z"/></svg></span>
                        </div>
                    </div>
                    @error('database')
                    <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        <button type="submit"
                                class="btn  btn-block" style="color:white;background-color: {{config('custom.background')}}"> Submit </button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>


            </div>
        </div>
        <!-- /.login-card-body -->
    </div>

@endsection