@extends('Admin.layout.app')
@section('content')
<section id="assign-action">
  <div class="container-fluid">
    @if (session('success'))
    <div class="alert alert-success my-3">
        {{ session('success') }}
    </div>
    @endif
    <div class="card shadow border my-4">
        <div class="card-header pink-text">
           Assign Action to Department
        </div>
        <div class="card-body">
          <form action="{{route('updateaction',[$request->department])}}" method="post">
            @csrf
              @method('PUT')

            <div class="row g-2 mb-3">
              <div class="col-md-12 mb-3">
                <div class="form-floating">
                    <select class="form-select" id="department" name="department">
                        <option value="" disabled selected>Select Department</option>
                        @foreach($departments as $item)
                            <option value="{{$item->id }}" {{(old('department') ?? $request->department) == $item->id ? "selected" : ""}}>{{$item->title}}</option>
                        @endforeach
                    </select>
                    <label for="floatingInput">Select Department</label>
                    
                </div>
              </div>
              <table class="table table-bordered pink-border">
                <tbody>
                  @foreach ($actions as $item)
                     @if($row == 0) <tr> @endif
                      @php $row++;@endphp
                      <td>  <input name="action[]" class="form-check-input pink-border" type="checkbox" value="{{$item->id}}" id="flexCheckDefault"
                        {{(str_contains($roles,trim($item->id)))?"checked":" "}}>
                        <label class="form-check-label fs-6" for="flexCheckDefault">
                          {{ucwords($item->title)}}
                        </label>        
                      </td>
                      @if($row == 3) </tr> @php $row=0;@endphp @endif
                  @endforeach
                  @php $final = 3 - $row;@endphp
                  @if($final !=3)
                    @for ($i =0 ;  $i< $final ; $i++)
                      <td></td> 
                    @endfor
                  </tr> 
                  @endif
                 
                </tbody>
              </table>
              @error('action')
              <span class="text-danger" role="alert">{{ $message }}</span>
              @enderror
            </div>
            <button type="submit" class="btn pink-bg text-white">Assign Action</button>

          </form>
        </div>
    </div>
          
  </div>
</section>
@endsection
@push('script')
<script>
$("document").ready(function(){
    $('#department').change(function(e) {
      window.location.replace("/admin/assignaction?department="+ $(this).val());
    });
})
</script>
@endpush