@extends('layout.admin.main')
@push('css')
    <style>

    </style>
@endpush
@section('content')
    <article class="sub" id="edit-staff">
        <section class="mastereditstaff">
            <div class="header row">
                <h2 class="col-sm-6">スタッフ編集</h2>
                <div class="col-sm-6">
                    <button class="btn-header">
                        <img src="{{ asset('images/icon_material-library-books.png') }}" alt="" style="margin-right: 6px; font-weight: 600;">
                        <span style="font-size: 14px; font-weight: 600;">マニュアル</span>
                    </button>
                </div>
            </div>
            <div class="container mt-5">
                div class="memo">
                    <h3 >スタッフ名を変更</h3>
                    <p>変更したいスタッフ名を入力して保存をクリックしてください。</p>
                </div>
                <div class="row form-group">
                    <div class="col-sm-4 current-name">
                        <span>現在スタッフ名: </span>{{ $staff->username }}
                    </div>
                </div>
                <div class="form-group row new-name">
                    <div class="col-sm-4">
                        <input type="text" class="form-control" name="name" value="" placeholder="新しいスタッフ名を入力してください">
                        <div class="is-feedback err-popup_link"></div>
                    </div><
                </div>

                <div class="manage-role">
                    <div class="role-header">
                        <h3>アカウント権限を変更</h3>
                        <p>権限を変更したいアカウントにチェックを入れて、権限内容を選択後、保存をクリックしてください。</p>
                    </div>
                    <div class="option">
                        <input type="checkbox">
                        <label>全てを選択／解除</label>
                        <select class="select-role">
                            <option value="" disabled selected class="placeholder">選択してください</option>
                            @foreach($roles as $role)
                                <option value="{{ $role->id }}">{{ $role->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    @foreach($accessBots as $bot)
                        <div class="option">
                            <input type="checkbox" id="access_bot_{{ $bot->id }}" name="access_bot[{{ $bot->id }}]" @if($bot->is_access) checked @endif>
                            <label>{{ $bot->view_name }}</label>
                            <select class="select-role">
                                <option value="" disabled selected class="placeholder">選択してください</option>
                                @foreach($roles as $role)
                                    <option value="{{ $role->id }}">{{ $role->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endforeach
                </div>
                <div class="row">
                    <button class="btn-save-common">保存する</button>
                </div>
                <div class="row link">
                    <a href="#">スタッフ管理に戻る</a>
                </div>
            </div>

        </section>
    </article>
@endsection
@push('script')
    <script>

    </script>
@endpush