@extends('layouts.layout') @section('content')
<style>
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,900);
body {
               font-family: 'Roboto', sans-serif;
}
.card {
    background:#FFF;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border:1px solid #AAA;
    border-bottom:3px solid #BBB;
    padding:0px;
    overflow:hidden;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'Roboto', sans-serif;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-header-red{
   background-color:#D41515;
   color:#FFFFFF;
   border-bottom:3px solid #BBB;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   font-family: 'Roboto', sans-serif;
   padding:0px;
   margin-top:0px;
   -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-body{
 margin:1em;
}

.card-heading {
    display: block;
    font-size: 20px;
    line-height: 38px;
    margin-left:1em;
    border-bottom: 1px #2196F3;
    color:#fff;

}

</style>
<div class="container-fluid" >
   <div class="row">
     <div class="col-md-12">
      <h3> Add Department</h3>
       <form onsubmit="return adddepartment()">
         <br>
     <div class="row">
       <div class="col-md-3">
        <input type="text" id="department_code" class="form-control" placeholder="Department Code">
       </div>
       <div class="col-md-3">
        <input type="text" id="department_name" class="form-control" placeholder="Department Name">
       </div>
       <div class="col-md-6">
         <button class="btn btn-success">Add</button>
          <button type="reset" class="btn btn-danger">Clear</button>
       </div>
     </div>
     </form>

<br><br>

                              </div>
                              <div class="col-md-12">
                              <div class="table-responsive" >
                                      <table id="myTable" class="myTable data-table table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                            <th>Si.No</th>
                                            <th>Department Code</th>
                                            <th>Department Name</th>
                                            <th>Action</th>
                                        </tr>
                                      </thead>
                                        @php
                                        $si=0;
                                        @endphp
                                        @if($departmentdata!="" && count($departmentdata)>0)
                                        <tbody>
                                        @foreach($departmentdata as $departmentlist)
                                        @php
                                            $si++;
                                        @endphp
                                        <tr>
                                            <td>{{$si}}</td>
                                            <td>
                                              <input type="text" value="{{$departmentlist->dept_code}}" class="form-control" placeholder="Department Code" id="department_code_{{$departmentlist->dept_id}}">
                                            </td>
                                            <td>
                                              <input type="text" value="{{$departmentlist->name}}" class="form-control" placeholder="Department Name" id="department_name_{{$departmentlist->dept_id}}">
                                            </td>
                                            <td>
                                             <button type="button" onclick="updatedepartment('{{$departmentlist->dept_id}}')" class="btn btn-defualt">Update</button>

                                              </td>
                                        </tr>
                                        @endforeach
                                      </tbody>
                                        @endif
                                </table>
                                </div>
                              </div>
                        </div>



</div>




@endsection