@extends('adminlte::page')

@section('title', 'パスワード変更')

@section('content_header')
    <h5><label class="title-underbar">パスワード変更</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card--sp" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <div class="">
                        <x-admin.validation-message />
                        <x-admin.success-flush-message />
                        <form method="POST" action="{{ route('admin.employees.update') }}" class="">
                            @csrf
                            <input type="hidden" name="edit_type" value="pass" />
                            <div class="mb-3">
                                <label class="medium-heading" for="name">名前</label>
                                <p class="main-text">{{ $employee->name }}</p>
                            </div>
                
                            <div class="mb-3">
                                <label class="medium-heading" for="floatingInput">メールアドレス</label>
                                <p class="main-text">{{ $employee->email }}</p>
                            </div>
                
                            <div class="form-floating mb-3">
                                <label class="medium-heading" for="floatingCurrentPassword">現在のパスワード</label>
                                <input type="password" name="current_password" class="form-control main-text" id="floatingCurrentPassword" placeholder="Password">
                            </div>
                            <div class="form-floating mb-3">
                                <label class="medium-heading" for="floatingPassword">新しいパスワード</label>
                                <input type="password" name="new_password" class="form-control main-text" id="floatingPassword" placeholder="Password">
                            </div>
                            <div class="form-floating mb-3">
                                <label class="medium-heading" for="confirmPassword">パスワード確認用</label>
                                <input type="password" name="new_password_confirmation" class="form-control main-text" id="confirmPassword" placeholder="Confirm Password">
                            </div>
                
                            <div class="mb-3">
                                <label class="medium-heading" for="">部署</label>
                                <p class="main-text">{{ $employee->affiliate->upperAffiliateName() }}</p>
                            </div>
                
                            <div class="mb-3">
                                <label class="medium-heading" for="">役職</label>
                                <p class="main-text">{{ $employee->position->name }}</p>
                            </div>

                            <div class="col-md-2">
                                <button type="submit" class="btn btn-block button-go btn-lg rounded-pill">登録</button>
                            </div>
                        </form>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop