@extends('layout.layout')

{{-- Style --}}
@push('links')
@endpush

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])
<div class="row mb-3">
  <div class="col-12 offset-md-1 col-md-10">
    <div class="card">
      <h5 class="card-header align-middle">基本資料</h5>
      <div class="card-body">
        <table class="table table-bordered fixed">
          <tbody>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">中文姓名</th><td class="align-middle text-left w-75" colspan="3">{{$model->name}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">身分證字號</th><td class="align-middle text-left w-75" colspan="3">{{$model->idno}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">電子郵件</th><td class="align-middle text-left w-75" colspan="3">{{$model->email}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">群組</th><td class="align-middle text-left w-75" colspan="3">{{$model->groups_output()}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">部門/單位</th><td class="align-middle text-left w-75" colspan="3">{{$model->departments_output()}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">職稱</th><td class="align-middle text-left w-75" colspan="3">{{$model->positions_output()}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">手機號碼</th><td class="align-middle text-left w-75" colspan="3">{{$model->phone}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">聯絡電話</th><td class="align-middle text-left w-75" colspan="3">{{$model->telephone}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">聯絡住址</th><td class="align-middle text-left w-75" colspan="3">{{$model->address}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">帳號失效日期</th><td class="align-middle text-left w-75" colspan="3">{{ $model->activate_until_date_display}}</td>
            </tr>
            <tr>
              <th class="align-middle text-center w-25" colspan="1">備註</th><td class="align-middle text-left w-75" colspan="3">{{$model->remark}}</td>
            </tr>
          </tbody>
        </table>
        <div class="d-flex justify-content-between">
          <div>
            <a class="btn btn-dark py-1" href="{{$edit_password_route}}">
              <i class="fas fa-edit fa-fw"></i><span class="ml-1">修改密碼</span>
            </a>
            @if ($locked)
              <a class="btn btn-danger py-1" href="{{$unlock_login_attempt_route}}">
                <i class="fas fa-unlock fa-fw"></i><span class="ml-1">解鎖登入鎖定</span>
              </a>
            @endif
          </div>
          <a type="button" class="btn btn-success py-1" href="{{$edit_route}}">
            <i class="fas fa-edit fa-fw"></i><span class="ml-1">編輯</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
@endpush