@extends('layouts.main')

@section('title', 'API Cases')

@section('breadcrumb')
  <!-- Page-Title -->
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Wall Users</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Monitoring Wall</li>
          <li class="breadcrumb-item active">Wall Users</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  @include('flash::message')
  <div class="content-body">
    <div class="row" id="setting-cards">

      <div class="clearfix"></div>

      <div class="col-md-12">
        <div class="card bg-card">
          <div class="card-header">
            <h4 class="card-title m-t-5">Wall Users</h4>
          </div>
          <div class="card-body" style="min-height:220px;">
            <div class="card-block">

              <form class="form" action="{{ route('wallUsers') }}" method="POST">
                {{ csrf_field() }}
                <div class="form-body">
                  @foreach($wallUsers as $wallUser)
                    <div class="row form-group">
                      <div class="col-md-5 col-lg-3">
                        <label for="user_name{{$wallUser->id}}">Login*:</label>
                        <input type="text" id="user_name{{$wallUser->id}}" name="user_name[{{$wallUser->id}}]"
                               class="form-control" maxlength="30" minlength="3" readonly
                               value="{{$wallUser->user_name}}" required/>
                      </div>
                      <div class="col-md-5 col-lg-3">
                        <label for="password{{$wallUser->id}}">Change Password:</label>
                        <input type="password" id="password{{$wallUser->id}}" name="password[{{$wallUser->id}}]"
                               class="form-control" maxlength="30" minlength="6"/>
                      </div>
                      <div class="col-md-5 col-lg-3">
                        <label for="walls{{$wallUser->id}}">Walls:</label>
                        <select id="walls{{$wallUser->id}}" name="walls[{{$wallUser->id}}][]" class="form-control walls"
                                multiple required>
                          @foreach(\App\Models\SkywatchWall::$walls as $code=>$name)
                            <option value="{{$code}}"
                                    @if(in_array($code,$wallUser->walls?:[])) selected @endif>{{ $name }}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="col-md-5 col-lg-3">
                        <label for="del{{$wallUser->id}}">Delete User</label>
                       <input type="checkbox" name="del[{{$wallUser->id}}]" id="del{{$wallUser->id}}">
                      </div>
                    </div>
                  @endforeach
                  <hr>
                  <div class="row form-group">
                    <div class="col-md-2 col-lg-1">
                      <label for="new_user_name">Add User:</label>
                    </div>
                    <div class="col-md-5 col-lg-3">
                      <label for="new_user_name">Login:</label>
                      <input type="text" id="new_user_name" name="new_user_name" class="form-control" maxlength="30"
                             minlength="3"/>
                    </div>
                    <div class="col-md-5 col-lg-3">
                      <label for="new_password">Password:</label>
                      <input type="password" id="new_password" name="new_password" class="form-control" maxlength="30"
                             minlength="6"/>
                    </div>
                    <div class="col-md-5 col-lg-3">
                      <label for="new_walls[]">Walls:</label>
                      <select id="new_walls" name="new_walls[]" class="form-control walls" multiple>
                        @foreach(\App\Models\SkywatchWall::$walls as $code=>$name)
                          <option value="{{$code}}">{{ $name }}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>

                  <div class="row form-group">
                    <div class="col-md-12">
                      <button type="submit" class="btn btn-success btn-custom waves-effect w-md waves-light m-b-5"
                              onclick="return confirm('Are you sure?')">
                        Save
                      </button>
                    </div>
                  </div>


                </div>
              </form>


            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    $(function () {
      $(".walls").select2({
        tags: false
      })
    })
  </script>
@endsection