@extends('layouts.thema')

@section('content')
      
        <div class="col-md-3">
          <div class="card">
            <div class="card-body">
              <img src="{{asset('img/profile/'.$user->foto_profile)}}" alt="" class="rounded-circle img-fluid"><br><br>
              <h5 class="text-center">
                <b>{{$user->name}}</b> <br> 
              Akses :
              @foreach($roles as $a)
              <span class="badge bg-primary rounded-3 fw-semibold mt-2"><small>{{$a->name}}</small></span> 
              @endforeach
              </h5>
            </div>
          </div>
        </div>

        <div class="col-md-9">
          <div class="card">
            <div class="card-body">
                <h5 class="card-title fw-semibold mb-4">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item" role="presentation">
                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Profile</a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Reset Password</a>
                  </li>
                </ul>
                </h5>

                <div class="tab-content" id="myTabContent">
                  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <form action="{{url('admin/user_update')}}" method="post">
                      @csrf
                      <input type="hidden" name="id" value="{{$user->id}}">
                      <div class="form-group mb-3 row">
                        <label for="name" class="col-sm-2 col-form-label">Nama Lengkap</label>
                        <div class="col-sm-10">
                          <input type="text" class="form-control" id="name" name="name" value="{{$user->name}}" required>
                        </div>
                      </div>
                      <div class="form-group mb-3 row">
                        <label for="username" class="col-sm-2 col-form-label">Username</label>
                        <div class="col-sm-10">
                          <input type="text" class="form-control" id="username" name="username" value="{{$user->username}}" required>
                        </div>
                      </div>
                      
                      <div class="form-group mb-3 row">
                        <label for="email" class="col-sm-2 col-form-label">E-Mail</label>
                        <div class="col-sm-10">
                          <input type="email" class="form-control" id="email" name="email" value="{{$user->email}}" required>
                        </div>
                      </div>
                      
                      <div class="form-group mb-3 row">
                        <label for="no_hp" class="col-sm-2 col-form-label">No HP</label>
                        <div class="col-sm-10">
                          <input type="number" class="form-control" id="no_hp" name="no_hp" value="{{$user->no_hp}}">
                        </div>
                      </div>
                      @php
                      $roles = $user->getRoleNames()->toArray();
                      @endphp
                      @if(in_array('Kepala Sekolah', $roles))
                      <div class="form-group mb-3 row">
                        <label for="school_id" class="col-sm-2 col-form-label">Sekolah</label>
                        <div class="col-sm-10">
                        <select id="school_id" name="school_id" class="form-control">
                          <option {{$user->school_id==NULL?'selected':''}}>-- Pilih --</option>
                          <option value="1" {{$user->school_id==1?'selected':''}}>TKIT Al Istiqomah</option>
                          <option value="2" {{$user->school_id==2?'selected':''}}>MI Al Istiqomah</option>
                          <option value="3" {{$user->school_id==3?'selected':''}}>SDIT Al Istiqomah 1</option>
                          <option value="4" {{$user->school_id==4?'selected':''}}>SDIT Al Istiqomah 2</option>
                        </select>
                        </div>
                      </div>
                      @endif
                      <button type="submit" class="btn btn-outline-primary">Update</button>
                    </form>
                      <br><br>

                      <div class="form-group mb-3 row">
                    <div class="col-sm-6">
                      <p><b>Role yang dimiliki</b></p>
                      <table class="table table-bordered table-sm">
                        <thead>
                          @foreach($role_have as $a)
                          <tr>
                            <td>{{$a->name}}</td>
                            <td><a href="{{url('admin/delete_role_user/'.$id.'/'.$a->role_id)}}" class="btn btn-outline-danger btn-sm" onclick="return confirm('Apakah anda yakin ingin menghapus role {{$a->name}} ?')">Delete</a></td>
                          </tr>
                          @endforeach
                        </thead>
                      </table>
                    </div>
                    <div class="col-sm-6">
                      <p><b>Role yang tidak dimiliki</b></p>
                      <table class="table table-bordered table-sm">
                        <thead>
                          @foreach($role as $a)
                          <tr>
                            <td>{{$a->name}}</td>
                            <td><a href="{{url('admin/add_role_user/'.$id.'/'.$a->id)}}" class="btn btn-outline-primary btn-sm" onclick="return confirm('Apakah anda yakin ingin menambah role {{$a->name}} ?')">Add</a></td>
                          </tr>
                          @endforeach
                        </thead>
                      </table>
                    </div>
                  </div>

                  </div>

                  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    <form method="POST" action="{{url('admin/user_reset')}}">
                      @csrf
                      <input type="hidden" name="id" value="{{$user->id}}">

                      <div class="form-group{{ $errors->has('new-password') ? ' has-error' : '' }} mb-3 row">
                        <label for="new-password" class="col-sm-3 col-form-label">Password Baru</label>
                        <div class="col-sm-9">
                          <input type="password" class="form-control" id="new-password" name="new-password" required>
                          @if ($errors->has('new-password'))
                          <span class="help-block">
                              <strong>{{ $errors->first('new-password') }}</strong>
                          </span>
                          @endif
                        </div>
                      </div>

                      <div class="form-group{{ $errors->has('new-password') ? ' has-error' : '' }} mb-3 row">
                        <label for="new-password-confirm" class="col-sm-3 col-form-label">Konfirmasi Password</label>
                        <div class="col-sm-9">
                          <input type="password" class="form-control" id="new-password-confirm" name="new-password-confirm" required>
                        </div>
                      </div>

                      <button type="submit" class="btn btn-outline-primary">Update</button>
                    </form>
                  </div>

                </div>
              

              

            </div>
          </div>
        </div>


@endsection