@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">
            <x-admin.success-flush-message />
            <div class="card" style="gap:20px; border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                {{-- 検索機能は一旦コメントアウト --}}
                <form method="GET" action="{{ route('admin.employees.index') }}" class="me-1 d-flex">
                    <div>
                        {{-- <select name="position_id" id="" class="btn btn-sm btn-outline-secondary ms-2">
                            @foreach (EmployeeHelper::positionsForForm() as $key => $value)
                                @if (array_key_exists('position_id', $inputs) && $inputs['position_id'] === (string) $key)
                                    <option value="{{ $key }}" selected>{{ $value }}</option>
                                @else
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endif
                            @endforeach
                        </select>
                        <select name="affiliate_id" id="" class="btn btn-sm btn-outline-secondary ms-2">
                            @foreach (EmployeeHelper::affiliatesForForm() as $key => $value)
                                @if (array_key_exists('affiliate_id', $inputs) && $inputs['affiliate_id'] === (string) $key)
                                    <option value="{{ $key }}" selected>{{ $value }}</option>
                                @else
                                    <option value="{{ $key }}" >{{ $value }}</option>
                                @endif
                            @endforeach
                        </select> --}}
                    </div>
                    <input type="text" name="name" value="{{ $inputs['name'] ?? null }}" style="border-radius:5px; border-width:thin; margin-left:3px;" placeholder="名前"/>
                    <button type="submit" class="btn btn-sm btn-info ms-2">検索</button>
                </form>
                <div class="card-body">
                @php
                    $userAgent = $_SERVER['HTTP_USER_AGENT'];
                    $isDesktop = strpos($userAgent, 'Windows') !== false || strpos($userAgent, 'Macintosh') !== false;
                    @endphp
                @if ($isDesktop)
                    <table class="table table-responsive">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 8%">ID</th>
                                <th style="width: 20%">氏名</th>
                                <th style="width: 20%">メールアドレス</th>
                                <th style="width: 13%">権限</th>
                                <!--<th style="width: 13%">アカウント状況</th>-->
                                <th style="width: 13%">パスワード</th>
                                <th style="width: 13%">その他設定</th>
                                <th style="width: 8%" class="text-center">有効</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($employees->isNotEmpty())
                                @foreach ($employees as $employee)
                                <tr>
                                    <td>{{ $employee->id }}
                                        @if ($employee->sfa_id)
                                        ({{$employee->sfa_id}})
                                        @endif
                                    </td>
                                    <td>{{ $employee->name }}</td>
                                    <td>{{ $employee->email }}</td>
                                    <td>{{ $employee->position->name }}
                                        {{-- <select class="custom-select">
                                            <option>管理者</option>
                                            <option>メンバー</option>
                                        </select> --}}
                                    </td>
                                    <!--<td style="text-align:center;">
                                        {{-- <img src="/images/material/check_icon01.png"> --}}
                                        未実装
                                    </td>-->
                                    <td style="text-align:center;">
                                        @if (Auth::guard('admin')->user()->id === $employee->id)
                                            <a href="{{ route('admin.employees.password') }}" class="btn btn-block btn-outline-primary rounded-pill">変更</a>
                                        @endif
                                    </td>
                                    <td style="text-align:center;">
                                        <a href="{{ route('admin.employees.edit', ['id' => $employee->id]) }}" class="btn btn-block btn-outline-primary rounded-pill">編集</a>
                                        <!--<button type="button" class="btn btn-block btn-outline-primary rounded-pill" data-toggle="modal" data-target="#DeleteModal">削除(未実装)</button>-->
                                    </td>
                                    <td style="font-size:20px" class="align-top text-center">
                                        @if ($employee->disable === 1)
                                            ×
                                        @else
                                            ○
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                @else
                    @if ($employees->isNotEmpty())
                    @foreach ($employees as $employee)
                    <table class="table table--admin">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th>ID</th>
                                <th>氏名</th>
                                <th>メールアドレス</th>
                                <th >権限</th>
                                <!--<th >アカウント状況</th>-->
                                <th >パスワード</th>
                                <th >その他設定</th>
                                <th class="text-center">有効</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            <tr>
                                <td>{{ $employee->id }}
                                    @if ($employee->sfa_id)
                                    ({{$employee->sfa_id}})
                                    @endif
                                </td>
                                <td>{{ $employee->name }}</td>
                                <td>{{ $employee->email }}</td>
                                <td>{{ $employee->position->name }}
                                    {{-- <select class="custom-select">
                                        <option>管理者</option>
                                        <option>メンバー</option>
                                    </select> --}}
                                </td>
                                <!--<td style="text-align:center;">
                                    {{-- <img src="/images/material/check_icon01.png"> --}}
                                    未実装
                                </td>-->
                                <td style="text-align:center;">
                                    @if (Auth::guard('admin')->user()->id === $employee->id)
                                        <a href="{{ route('admin.employees.password') }}" class="btn btn-block btn-outline-primary rounded-pill">変更</a>
                                    @endif
                                </td>
                                <td style="text-align:center;">
                                    <a href="{{ route('admin.employees.edit', ['id' => $employee->id]) }}" class="btn btn-block btn-outline-primary rounded-pill">編集</a>
                                    <!--<button type="button" class="btn btn-block btn-outline-primary rounded-pill" data-toggle="modal" data-target="#DeleteModal">削除(未実装)</button>-->
                                </td>
                                <td style="font-size:20px" class="align-top text-center">
                                    @if ($employee->disable === 1)
                                        ×
                                    @else
                                        ○
                                    @endif
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    @endforeach
                    @else
                    <table class="table table--admin">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th>ID</th>
                                <th>氏名</th>
                                <th>メールアドレス</th>
                                <th>権限</th>
                                <th>パスワード</th>
                                <th>その他設定</th>
                                <th class="text-center">有効</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            <tr>
                                <td colspan="7" style="text-align: center;">
                                    登録されていません。
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    @endif
                @endif
                </div>
                <div style="margin: 0 auto;">
                    {{ $employees->links() }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    {{-- <div class="modal fade" id="DeleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <p class="text-center" style="margin-top: 30px;">
                <b>"営業太郎"のアカウントを削除してよろしいですか？</b>
            </p>
            <div class="text-center" style="margin: 30px 30px; color: red;">
                ※変更不可能な操作です！<br>
                内容をご確認の上、実行してください！<br>
            </div>
            <div class="col-md-12 d-flex justify-content-center" style="margin-bottom: 30px;">
                <div class="col-md-5">
                    <button type="button" class="btn btn-block button-back btn-lg rounded-pill" data-dismiss="modal">いいえ</button>
                </div>
                <div class="col-md-5">
                    <button type="button" class="btn btn-block btn-danger btn-lg rounded-pill" data-dismiss="modal">はい</button>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div> --}}
@stop

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