@extends('layouts.layout') @section('content')
<style>
* {box-sizing: border-box} /* for th's width; display purpose */

.newtable {
  width: 100%;
}

.newtable, td {
  border-collapse: collapse;
  border: 1px solid #000;
}

.newtable thead {
  display: table; /* to take the same width as tr */
  width: calc(100% - 17px); /* - 17px because of the scrollbar width */
}

.newtable tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 200px; /* e.g. */
  overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.newtable th,.newtable td {
  width: 33.33%; /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all; /* 4. */
}

.newtable tr {
  display: table; /* display purpose; th's border */
  width: 100%;
}
.newtable th {
  text-align: left !important;
  border-bottom: none;
  border-left: none;
}
.newtable td {
  text-align: left !important;
  border-bottom: none;
  border-left: none;
}
</style>
<div class="container-fluid" >
   <div class="row">
     <div class="col-md-12">
      <h3> Add Designation</h3>
       <form onsubmit="return adddesignation()">
         <br>
     <div class="row">

       <div class="col-md-4" >
        @if($privilegesdata!="" && count($privilegesdata)>0)
        @php
        $j=0;
        @endphp
        <table class="newtable">
          <thead>
          <tr>
            <th>Select Previlages</th>
          </tr>
        </thead>
          <tbody>
            @foreach($privilegesdata as $privilegeslist)
            <tr>
              <td>
                <label  style="{{($privilegeslist->name=='home' || $privilegeslist->name=='view_policy' || $privilegeslist->name=='myattendance')?'color:red':''}}">
<input type="checkbox" value="{{$privilegeslist->name}}" {{($privilegeslist->name=='home' || $privilegeslist->name=='view_policy' || $privilegeslist->name=='myattendance')?'checked disabled':''}} name="previlages">
{{$privilegeslist->v_name}}
</label>
              </td>
            </tr>
            @endforeach
              <tbody>
          </table>
        @endif
       </div>
       <div class="col-md-6">
         <div class="row">
           <div class="col-md-6">
            <input type="text" id="designation_name" class="form-control" placeholder="Designation 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> </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>Designation Name</th>
                                            <th>Page previlages</th>
                                            <th>Action</th>
                                        </tr>
                                      </thead>
                                        @php
                                        $si=0;
                                        @endphp
                                        @if($designationdata!="" && count($designationdata)>0)
                                        <tbody>
                                        @foreach($designationdata as $designationlist)
                                        @php
                                            $si++;
                                            $previlagearray=explode(",",$designationlist->Privilege);
                                            $previlagelist_names=array();
                                            if($privilegesdata!="" && count($privilegesdata)>0)
                                            {
                                              foreach($privilegesdata as $privilegesdatalist)
                                              {
                                                if(in_array($privilegesdatalist->name,$previlagearray))
                                                {
                                                array_push($previlagelist_names,$privilegesdatalist->v_name);
                                                }
                                              }
                                            }
                                            $previlagenamelist=implode(", ",$previlagelist_names);
                                        @endphp
                                        <tr>
                                            <td>{{$si}}</td>

                                            <td width="20%">
                                            {{$designationlist->Name}}
                                            </td>
                                            <td>
                                              <!-- @foreach($previlagelist_names as $previlagelist_nameslist)
                                              <span class="label label-default">{{$previlagelist_nameslist}}</span>
                                              @endforeach -->
                                              {{$previlagenamelist}}
                                            </td>
                                            <td>
                                             <a href="editdesignation/{{$designationlist->D_ID}}" class="btn btn-theme">Edit</a>
                                              </td>
                                        </tr>
                                        @endforeach
                                      </tbody>
                                        @endif
                                </table>
                                </div>
                              </div>
                        </div>



</div>




@endsection