@extends('layouts.adminlayout')

@section('content')

<style>
    .dept{
        background:#12791e;
        border-radius:5px;
    }
    .dept a{
        color:#ffffff!important;
    }
    .dept:hover{
        background:#12791e!important;
        color:#ffffff!important;
    }
</style>

<section class="color-bg">
    <div class="container ">

      @if(isset($sdept) && !empty($sdept))
      <form action="{{url('/')}}/dept/update/{{$sdept->id}}" method="post">
        @csrf
        <div class="row py-4">
            <div class="col-4">
                <h4>Add Edit Department</h4>
            </div>
          
            <div class="col-3 offset-4">
              <input class="form-control" type="text" name="name" placeholder="Edit Department" aria-label="Edit Department" value="{{$sdept->deptName}}" required>
            </div>
            <div class="col-1">
                <button type="submit" class="btn butong  w-100">Submit</button>
            </div>
        </div>
      </form>
      @else
      <form action="{{url('/')}}/dept/store" method="post">
        @csrf
        <div class="row py-4">
            <div class="col-4">
                <h4>Add New Department</h4>
            </div>
          
            <div class="col-3 offset-4">
              <input class="form-control" type="text" name="name" placeholder="Add New Department" aria-label="Add New Department" required>
            </div>
            <div class="col-1">
                <button type="submit" class="btn butong  w-100">Submit</button>
            </div>
        </div>
      </form>
      @endif

    </div>
</section>
<div class="container">
    <div class="row">
        <div class="col-12 my-4">
            <div class="shadw br p-4">
                
                <table class="table caption-top">
                  
                  <thead>
                    <tr>
                      <th scope="col" class="bdr">ID</th>
                      <th scope="col" class="bdr">DEPARTMENT NAME</th>
                      <th scope="col" class="bdr">INCIDENCE MANAGER</th>
                      <th scope="col">ACTION</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($depts as $index => $dept)
                    <tr>
                      <th scope="row" class="bdr">{{$index + 1}}</th>
                      <td class="bdr">{{$dept->deptName}}</td>
                      <td class="bdr">{{$dept->manager()}}</td>
                      <td>
                             <a href="{{url('/')}}/dept/edit/{{$dept->id}}" class="btn butono px-4 " >Edit</a>
                      </td>
                    
                    </tr>
                    @endforeach
                  </tbody>
                </table>
            </div>
        </div>
       
    </div>
</div>

@endsection