@extends('user::layouts/panel')

@push('module-links')

@endpush

{{-- Content --}}
@section('module-content')
    {{-- 返回按鈕 --}}
    @if(Request::is('panel/user/create'))
      @include('custom::components.reply-btn', ['url' => route('panel.user.index')])
    @elseif(Request::is('panel/user/*/edit'))
      @include('custom::components.reply-btn', ['url' => route('panel.user.index', ['user' => $user->id])])
    @endif

    <div class="card shadow-sm border-0">
    <div class="card-header bg-primary text-white">
      <h5 class="mb-0">
      <i class="fa-solid fa-user-edit me-2"></i>{{ $user->id ? '編輯用戶' : '新增用戶' }}
      </h5>
    </div>
    <div class="card-body">
      <form method="POST">
        @csrf
        <div class="row g-4">
          {{-- 帳號 --}}
          <div class="col-md-6">
          <div class="form-group">
            <label class="form-label fw-bold">帳號</label>
            @if ($user->id)
              <p class="form-control-plaintext">{{ $user->uid }}</p>
            @else
              <x-form-input name="uid" value="{{ old('uid', $user->uid) }}" required placeholder="請輸入帳號"></x-form-input>
            @endif
          </div>
        </div>

        {{-- 電子信箱 --}}
        @if ($user->auth === 'database')
          <div class="col-md-6">
          <div class="form-group">
            <label class="form-label fw-bold">電子信箱</label>
            <x-form-input type="email" name="email" value="{{ old('email', $user->email) }}" required
            placeholder="請輸入電子信箱"></x-form-input>
          </div>
        </div>
    @elseif ($user->auth === 'google')
    <div class="col-md-6">
    <div class="form-group">
      <label class="form-label fw-bold">電子信箱</label>
      <p class="form-control-plaintext">此帳號為第三方登入，不允許修改電子信箱</p>
    </div>
    </div>
    @else
    <div class="col-md-6">
      <div class="form-group">
        <label class="form-label fw-bold">電子信箱</label>
        <x-form-input type="email" name="email" value="{{ old('email', $user->email) }}" required
        placeholder="請輸入電子信箱"></x-form-input>
      </div>
    </div>
  @endif

        {{-- 姓名 --}}
        <div class="col-md-6">
        <div class="form-group">
          <label class="form-label fw-bold">姓名</label>
          <x-form-input name="name" value="{{ old('name', $user->name) }}" required
          placeholder="請輸入姓名"></x-form-input>
        </div>
        </div>

        {{-- 新密碼 --}}
        @if ($user->auth == 'database')
          <div class="col-md-6">
          <div class="form-group">
            <label class="form-label fw-bold">新密碼</label>
            <x-form-input id="mima" name="mima" autocomplete="new-password"
            required="{{ $user->id ? null : 'required' }}" placeholder="請輸入密碼">
            <span class="input-group-text cursor-pointer btn-refresh" for="mima" data-length="16">
            產生密碼
            </span>
            </x-form-input>
          </div>
          </div>
          @elseif ($user->auth === 'google')
          <div class="col-md-6">
            <div class="form-group">
              <label class="form-label fw-bold">新密碼</label>
              <p class="form-control-plaintext">此帳號為第三方登入，不允許修改密碼</p>
            </div>
            </div>
          @else
          <div class="col-md-6">
            <div class="form-group">
              <label class="form-label fw-bold">新密碼</label>
              <x-form-input id="mima" name="mima" autocomplete="new-password"
              required="{{ $user->id ? null : 'required' }}" placeholder="請輸入密碼">
              <span class="input-group-text cursor-pointer btn-refresh" for="mima" data-length="16">
              產生密碼
              </span>
              </x-form-input>
            </div>
            </div>
        @endif

        {{-- 角色 --}}
        <div class="col-md-6">
        <div class="form-group">
          <label class="form-label fw-bold">角色</label>
          <div class="input-group">
          <select @class(['form-select', 'select2', 'is-invalid' => $errors->has('role')]) name="role">
            @foreach ($roles as $roleValue => $roleTitle)
              <option value="{{ $roleValue }}" @selected(old('role', $user_edit_data['current_user_role']) == $roleValue)>
                {{ $roleTitle }}
              </option>
            @endforeach
          </select>
          <x-form-invalid name="role" />
          </div>
        </div>
        </div>

        {{-- 使用者部門 --}}
        <div class="col-md-6">
        <div class="form-group">
          <label class="form-label fw-bold">使用者部門</label>
          <div class="input-group">
          <select @class(['form-select', 'select2', 'is-invalid' => $errors->has('user_dept')]) name="user_dept" id="user-dept-select">
            <option value="">-- 請選擇使用者部門 --</option>
            @foreach ($user_edit_data['unique_depts'] as $deptName)
              <option value="{{ $deptName }}" @selected(old('user_dept', $user_edit_data['current_user_dept']) == $deptName)>
                {{ $deptName }}
              </option>
            @endforeach
          </select>
          <x-form-invalid name="user_dept" />
          </div>
          <div class="form-text text-muted">
            選擇使用者所屬的部門，如需新增部門請至「部門設定」頁面
          </div>
        </div>
        </div>

        {{-- 到期日 --}}
        <div class="col-md-6">
        <div class="form-group">
          <label class="form-label fw-bold">帳號到期日</label>
          <div class="input-group">
          <x-form-input name="expired_at" id="expired-date" :value="old('expired_at', optional($user->expired_at)->toDateString())" autocomplete="off" placeholder="選擇日期"></x-form-input>
          </div>
        </div>
        </div>
      </div>

      <hr class="my-4">

      <div class="row g-4">
        <h5 class="text-primary mb-3"><i class="fa-solid fa-cogs me-2"></i>專案設定</h5>
        {{-- 是否開啟專案執行工時紀錄 --}}
        <div class="col-md-12">
        <div class="card border-light mb-3">
          <div class="card-body">
          <div class="d-flex align-items-center">
            <div class="flex-shrink-0">
            <i class="fa-solid fa-stopwatch fa-2x text-primary me-3"></i>
            </div>
            <div class="flex-grow-1">
            <h6 class="fw-bold mb-2">{{ __('是否開啟專案執行工時紀錄？') }}</h6>
            <div class="d-flex gap-4">
              <div class="form-check">
              <input class="form-check-input" type="radio" name="need_task_process" id="need_task_process_yes"
                value="1" @checked(old('need_task_process', $user->task_setting['process'] ?? 0) == 1)>
              <label class="form-check-label" for="need_task_process_yes">
                是
              </label>
              </div>
              <div class="form-check">
              <input class="form-check-input" type="radio" name="need_task_process" id="need_task_process_no"
                value="0" @checked(old('need_task_process', $user->task_setting['process'] ?? 0) == 0)>
              <label class="form-check-label" for="need_task_process_no">
                否
              </label>
              </div>
            </div>
            </div>
          </div>
          </div>
        </div>
        </div>

        {{-- 是否開啟測試工時紀錄 --}}
        <div class="col-md-12">
        <div class="card border-light mb-3">
          <div class="card-body">
          <div class="d-flex align-items-center">
            <div class="flex-shrink-0">
            <i class="fa-solid fa-vial fa-2x text-info me-3"></i>
            </div>
            <div class="flex-grow-1">
            <h6 class="fw-bold mb-2">{{ __('是否開啟測試工時紀錄？') }}</h6>
            <div class="d-flex gap-4">
              <div class="form-check">
              <input class="form-check-input" type="radio" name="need_task_record" id="need_task_record_yes"
                value="1" @checked(old('need_task_record', $user->task_setting['record'] ?? 0) == 1)>
              <label class="form-check-label" for="need_task_record_yes">
                是
              </label>
              </div>
              <div class="form-check">
              <input class="form-check-input" type="radio" name="need_task_record" id="need_task_record_no"
                value="0" @checked(old('need_task_record', $user->task_setting['record'] ?? 0) == 0)>
              <label class="form-check-label" for="need_task_record_no">
                否
              </label>
              </div>
            </div>
            </div>
          </div>
          </div>
        </div>
        </div>

        {{-- 是否開啟專案完成度調整權限 --}}
        <div class="col-md-12">
        <div class="card border-light mb-3">
          <div class="card-body">
          <div class="d-flex align-items-center">
            <div class="flex-shrink-0">
            <i class="fa-solid fa-chart-pie fa-2x text-success me-3"></i>
            </div>
            <div class="flex-grow-1">
            <h6 class="fw-bold mb-2">{{ __('是否開啟專案完成度調整權限？') }}</h6>
            <div class="d-flex gap-4">
              <div class="form-check">
              <input class="form-check-input" type="radio" name="complete_rate_edit"
                id="complete_rate_edit_yes" value="1" @checked(old('complete_rate_edit', $user->task_setting['complete_rate_edit'] ?? 0) == 1)>
              <label class="form-check-label" for="complete_rate_edit_yes">
                是
              </label>
              </div>
              <div class="form-check">
              <input class="form-check-input" type="radio" name="complete_rate_edit"
                id="complete_rate_edit_no" value="0" @checked(old('complete_rate_edit', $user->task_setting['complete_rate_edit'] ?? 0) == 0)>
              <label class="form-check-label" for="complete_rate_edit_no">
                否
              </label>
              </div>
            </div>
            </div>
          </div>
          </div>
        </div>
        </div>
      </div>

      <div class="d-flex justify-content-end mt-4">
        <button type="submit" class="btn btn-primary">
        <i class="fa-solid fa-save me-1"></i>保存
        </button>
      </div>
      </form>
    </div>
    </div>
@endsection

{{-- JS --}}
@push('module-scripts')
  @vite('resources/js/flatpickr.js')
  <script src="{{Module::asset('user:js/panel/user/edit.js')}}"></script>
@endpush