@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">
                    @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'employees|3'))
                    <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="id" value="{{$id}}" />
                            <input type="hidden" name="edit_type" value="department" />
                            <div class="row">
                                <div class="mb-3 col-6">
                                    <label class="medium-heading" for="name">名前</label>
                                    <p class="main-text">{{ $employee->name }}</p>
                                </div>
                                <div class="mb-3 col-6">
                                    <div class="form-check medium-heading">
                                        <input type="hidden" id="disable_hidden" name="disable" value="0">
                                        <input type="checkbox" class="form-check-input" id="disable" name="disable" value="1" {{ $employee->disable === 0 ? '' : 'checked="checked"' }}>
                                        <label class="medium-heading" for="disable">
                                            アカウントを無効化する
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label class="medium-heading" for="floatingInput">メールアドレス</label>
                                <p class="main-text">{{ $employee->email }}</p>
                            </div>

                            <div class="mb-3">
                                <label class="medium-heading" for="affiliate_id">部署</label>
                                <select name="affiliate_id" id="affiliate_id" class="btn btn-sm btn-outline-secondary ms-2">
                                    @foreach (EmployeeHelper::affiliatesForForm() as $key => $value)
                                        @if ($employee->affiliate_id === $key)
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @else
                                            <option value="{{ $key }}" >{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="medium-heading" for="position_id">役職</label>
                                <select name="position_id" id="position_id" class="btn btn-sm btn-outline-secondary ms-2">
                                    @foreach (EmployeeHelper::positionsForForm() as $key => $value)
                                        @if ($employee->position_id === $key)
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @else
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-2">
                                <a href="{{ route('admin.employees.index') }}" class="btn btn-secondary btn-lg rounded-pill">キャンセル</a>
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn btn-block button-go btn-lg rounded-pill">登録</button>
                            </div>
                        </form>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop

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

@section('js')
<script>
    $("#disable").on('click', function(){
        if($("#disable").prop("checked")){
            alert("アカウントを無効化します。");
        }
    });
</script>
@stop