@extends('_layouts.app')

@section('content')
  <div class="content page-user">
    <div class="card">
      <div id="form-error"></div>
      <form method="post" action="" id="form-user">
        <div class="card-body">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="email">Email{!! requiredMark() !!}</label>
                <input type="email" name="email" class="form-control" id="email" value="{{ $item->email ?? '' }}">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="name">Name{!! requiredMark() !!}</label>
                <input type="text" name="name" class="form-control" id="name" value="{{ $item->name ?? '' }}">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                <label for="password">Password{!! isset($item) ? '' : requiredMark() !!}</label>
                <input type="password" name="password" class="form-control" id="password">
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label for="role">Role{!! requiredMark() !!}</label>
                <select class="form-control select2" name="role" id="role" style="width: 100%;" data-placeholder="Select role" {!! dropDownColor() !!}>
                  @foreach (config('sibelagu.user_roles') as $id => $role)
                    @php
                      $userRole = $item->role ?? '';
                      $selected = $id == $userRole ? 'selected' : '';
                    @endphp
                    <option value="{{ $id }}" {{ $selected }}>{{ $role }}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label for="is_active">Status{!! requiredMark() !!}</label>
                <select class="form-control select2" name="is_active" id="is_active" style="width: 100%;" {!! dropDownColor() !!}>
                  @foreach ([1 => 'Active', 0 => 'Inactive'] as $id => $status)
                    @php
                      $userStatus = $item->is_active ?? '';
                      $selected = $id == $userStatus ? 'selected' : '';
                    @endphp
                    <option value="{{ $id }}" {{ $selected }}>{{ $status }}</option>
                  @endforeach
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="card-footer">
          {!! showButton('submit') !!}
          {!! showButton('cancel', route('user')) !!}
          @if (isset($item))
            {!! showButton('delete') !!}
          @endif
        </div>
      </form>
    </div>
  </div>
  <script>
    var itemData = {!! $item ?? json_encode(['id' => 0]) !!};
  </script>
@endsection

@section('title')
  {{ isset($item) ? 'Edit user' : 'New user' }}
@endsection