@extends('admin.layouts.Alayout')

@section('head1')
@endsection
@section('content')




   <div class="card">
            <div class="card-body">
              <h5 class="card-title">ADD ASSIGNMENT</h5>
              @if(session('message'))
<div id="demo">
<div class="alert alert-success" >
{{ session('message') }}
        
    </div>
    </div>
    @endif
<script>
const myTimeout = setTimeout(myGreeting, 2000);

function myGreeting() {
  document.getElementById("demo").innerHTML = " "
}
</script>
              <x-auth-validation-errors class="mb-4" :errors="$errors" />
              <!-- Multi Columns Form -->
              <form class="row g-3" method="POST" action="{{route('assign.store')}}" onsubmit="return checkforblank();">
              @csrf
              <div class="col-md-4">
                  <label for="inputState" class="form-label">Select User</label>
                  <select id="us" class="form-select" name="us" required>
                    <option selected value="no">select user</option>
                    @foreach($u as $us)
                    @if($us->id != $uid)
                    <option value="{{$us->id}}">{{$us->name}}</option>
                    @endif
                    @endforeach
               
                 
                  </select>
                </div>
                <div class="col-md-4">
                  <label for="inputState" class="form-label">Permission</label>
                  <input type="text" name="pid" value="{{$id}}" hidden>
                  <select id="role" class="form-select" name="per" required>
                    <option selected value="0">download only</option>
            
                    <option value='1'>download/upload</option>
                  </select>
                </div>
                
           
           
            
                <div class="text-center">
                  <button type="submit" class="btn btn-primary">Submit</button>
                  <!-- <button type="reset" class="btn btn-secondary">Reset</button> -->
                </div>
              </form><!-- End Multi Columns Form -->

            </div>
          </div>

        </div>
        <script>
    function checkforblank(){
        if (document.getElementById('us').value== "no") {
            alert('Please select User');
            document.getElementById('us').style.borderColor = "red"; 
            return false; 
        }
 
    }
</script>
        @endsection