@extends('layouts.login')

@section('content')
    <div class="login-box">
        <div class="login-logo">
            <a><b>So-Manager&nbsp;</b>{{ __('管理パネル') }}</a>
        </div>
        <!-- /.login-logo -->
        <div class="card">
            <div class="card-body login-card-body">
                <p class="login-box-msg">{{ __('ログインID、パスワードを入力して') }}<br
                            class="d-none d-lg-inline">{{ __('ログインボタンをクリックしてください') }}</p>

                <form action="{{ route('login') }}" method="post" novalidate>
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="input-group mb-3 {{ $errors->has('ope_id') ? 'error_input' : '' }}">
               <input type="text"
                   class="form-control form-control-lg"
                   placeholder="{{ __('ログインID') }}" name="ope_id" value="{{ old('ope_id') }}">
                        <div class="input-group-append">
                            <span class="fa fa-user input-group-text"></span>
                        </div>
                    </div>
                    @if ($errors->has('ope_id'))
                        <div class="error_login" role="alert">
                                        <strong>{{ $errors->first('ope_id') }}</strong>
                                    </div>
                    @endif
                    <div class="input-group mb-3 {{ $errors->has('ope_pass') ? 'error_input' : '' }}">
               <input type="password"
                   class="form-control form-control-lg "
                   placeholder="{{ __('パスワード') }}" name="ope_pass">
                        <div class="input-group-append">
                            <span class="fa fa-lock input-group-text"></span>
                        </div>
                    </div>
                    @if ($errors->has('ope_pass'))
                        <div class="error_login" role="alert">
                                        <strong>{{ $errors->first('ope_pass') }}</strong>
                                    </div>
                    @endif
                    <div class="row mt40">
                        <div class="col-12 col-lg-8 offset-0 offset-lg-2">
                            <button type="submit"
                                    class="btn btn-lg btn-primary btn-block btn-flat">{{ __('ログイン') }}</button>
                        </div>
                        <!-- /.col -->
                    </div>
                </form>
                <p class="mb-1 mt50">
                    <a href="{{route('forgot_password')}}">{{ __('パスワードを忘れた方はこちら') }}</a>
                </p>
                {{-- 「オペレータマスタ」で管理かつ設計書ない為、一時的に新規オペレーター登録をコメントアウト
                <p class="mb-0">
                    <a href="./register.html" class="text-center">{{ __('新規オペレーター登録') }}</a>
                </p>
                --}}
            </div>
            <!-- /.login-card-body -->
        </div>
    </div>

{{-- 指摘により暫定対応  --}}
<style>
.login-card-body {
    background-color: #9ff3c4ff; 
    border-radius: 8px;
}

.login-box .card {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}
</style>

@endsection
