@extends('admin.layouts.master')
@section('content')
<div class="page-content">
    <div class="page-bar">
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="page-title-breadcrumb">
            <div class=" pull-left">
                <div class="page-title">All Permission List</div>
            </div>
            <ol class="breadcrumb page-breadcrumb pull-right">
                <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="index-2.html">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                </li>
                <li class="active">All Permission List</li>
            </ol>
        </div>
    </div>
    <form action="{{route('admin.userstore')}}" method="post">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <div class="card-box">
                    <div class="card-box">
                        <div class="card-body row">
                            <div class="col-lg-6 p-t-20">
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label txt-full-width is-upgraded" data-upgraded=",MaterialTextfield">
                                    <Label>Name</Label>
                                    <input type="text" name="name" id="name" class="form-control" required>
                                    @if($errors->has('name'))
                                        <span class="text-danger">{{$errors->first('name')}}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6 p-t-20">
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label txt-full-width is-upgraded" data-upgraded=",MaterialTextfield">
                                    <Label>User Name</Label>
                                    <input type="text" id="username" name="username" class="form-control" required>
                                    @if($errors->has('username'))
                                        <span class="text-danger">{{$errors->first('username')}}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6 p-t-20">
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label txt-full-width is-upgraded" data-upgraded=",MaterialTextfield">
                                    <Label>Email Address</Label>
                                    <input type="text" id="emai" name="email" class="form-control" required>
                                    @if($errors->has('email'))
                                        <span class="text-danger">{{$errors->first('email')}}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6 p-t-20">
                                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label txt-full-width is-upgraded" data-upgraded=",MaterialTextfield">
                                    <Label>Password</Label>
                                    <input type="password" name="password" id="password" class="form-control" required>
                                     @if($errors->has('password'))
                                        <span class="text-danger">{{$errors->first('password')}}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="tabbable-line">
                    <div class="tab-content">
                        <div class="tab-pane active fontawesome-demo">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card card-box">
                                        <div class="card-head">
                                            <header>Shift Report Permissions</header>
                                            <div class="tools">
                                                <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                                                <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                                                {{-- <a class="t-close btn-color fa fa-times" href="javascript:;"></a> --}}
                                            </div>
                                        </div>
                                        <div class="card-body ">
                                            <div class="row">
                                                <div class="col-md-6 col-sm-6 col-6">
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-6">
                                                </div>
                                            </div>
                                            <div class="table-scrollable">
                                            <table class="table table-striped table-bordered table-hover table-checkable order-column valign-middle" id="example">
                                                <thead>
                                                    <tr>
                                                        <th>Shift Profit</th>
                                                        <th>Client Funding</th>
                                                        <th>Vserve Profit</th>
                                                        <th>Vserve Profit & Expense</th>
                                                        <th>Clienr StackHolder</th>
                                                        <th>Client Total Charge & Kilometer</th>
                                                        <th>Staff/Contractor Hours</th>
                                                        <th>Budget Expiry/Amount Notification</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    <tr class="odd gradeX">
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_sp" class="is_sp" type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_cf" class="is_cf" type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_vs" class="is_vs" type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_vse" class="is_vse" type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_cs" class="is_cs"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_ck" class="is_ck"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_sh" class="is_sh"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="is_noti" class="is_noti"  type="checkbox">
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            </div>
                                            {{-- <div class="col-lg-12 p-t-20 text-center">
                                                <button type="submit" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect m-b-10 m-r-20 btn-pink" data-upgraded=",MaterialButton,MaterialRipple">Submit<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
                                            </div> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="tabbable-line">
                    <div class="tab-content">
                        <div class="tab-pane active fontawesome-demo">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card card-box">
                                        <div class="card-head">
                                            <header>Permissions</header>
                                            <div class="tools">
                                                <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                                                <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                                                {{-- <a class="t-close btn-color fa fa-times" href="javascript:;"></a> --}}
                                            </div>
                                        </div>
                                        <div class="card-body ">
                                            <div class="row">
                                                <div class="col-md-6 col-sm-6 col-6">
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-6">
                                                </div>
                                            </div>
                                            <div class="table-scrollable">
                                            <table class="table table-striped table-bordered table-hover table-checkable order-column valign-middle" id="example">
                                                <thead>
                                                    <tr>
                                                        <th>Employee Permission</th>
                                                        <th>Read</th>
                                                        <th>Insert</th>
                                                        <th>Update</th>
                                                        <th>Delete</th>
                                                        <th>Import</th>
                                                        <th>Export</th>
                                                        <th>All checked</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                @foreach($permissions as $permission)
                                                    <tr class="odd gradeX">
                                                        <input type="hidden" name="permissionid[]" value="{{$permission->id}}">

                                                        <td >@if(class_basename($permission->module)=="ClientShiftType"){{"ClientShiftCharge"}}@else{{class_basename($permission->module)}}@endif</td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="read[]" class="read" id="read{{$permission->id}}" data-id="{{$permission->id}}"  value="read.{{$permission->id}}"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="create[]" class="create" id="create{{$permission->id}}" data-id="{{$permission->id}}" value="create.{{$permission->id}}"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="update[]" class="update"  id="update{{$permission->id}}"  data-id="{{$permission->id}}" value="update.{{$permission->id}}"  type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="delete[]" class="delete" id="delete{{$permission->id}}" data-id="{{$permission->id}}" value="delete.{{$permission->id}}"   type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="import[]" class="import" id="import{{$permission->id}}" data-id="{{$permission->id}}" value="import.{{$permission->id}}" type="checkbox">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input name="export[]" class="export" id="export{{$permission->id}}" data-id="{{$permission->id}}" value="export.{{$permission->id}}" type="checkbox">
                                                            </div>
                                                        </td>
                                                         <td>
                                                            <div class="checkbox checkbox-icon-black">
                                                                <input  class="allselect" name="all_check[]" id="all_check{{$permission->id}}" data-id="{{$permission->id}}" value="all_check.{{$permission->id}}"  type="checkbox">
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                            </div>
                                            <div class="col-lg-12 p-t-20 text-center">
                                                <button type="submit" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect m-b-10 m-r-20 btn-pink" data-upgraded=",MaterialButton,MaterialRipple">Submit<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection
@section('script')
    <script>
        function isvalid(id){
           var flag=true;
            if($("#read"+id).prop("checked") == false){
                flag=false;
            }
             if($("#create"+id).prop("checked") == false){
                flag=false;
            }
             if($("#update"+id).prop("checked") == false){
                flag=false;
            }
            if($("#delete"+id).prop("checked") == false){
                flag=false;
            }
            if($("#import"+id).prop("checked") == false){
                flag=false;
            }
            if($("#export"+id).prop("checked") == false){
                flag=false;
            } 
            return flag;
        }
        $(document).ready(function() {
             $(document).on("change",".allselect",function(){
               var id=$(this).data("id");
               
                 if(this.checked){
                   //alert("if")
                   $("#read"+id).prop("checked", true);
                   $("#create"+id).prop("checked", true);
                   $("#update"+id).prop("checked", true);
                   $("#delete"+id).prop("checked", true);
                   $("#import"+id).prop("checked", true);
                   $("#export"+id).prop("checked", true);
                 }else{
                   $("#read"+id).prop("checked", false);
                   $("#create"+id).prop("checked", false);
                   $("#update"+id).prop("checked", false);
                   $("#delete"+id).prop("checked", false);
                   $("#import"+id).prop("checked", false);
                   $("#export"+id).prop("checked", false);
                 }
                //alert(id);
            })

            $(document).on("change",".read",function(){
               var id=$(this).data("id");
               //alert(id)
               $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
            $(document).on("change",".create",function(){
               var id=$(this).data("id");
                $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
             $(document).on("change",".update",function(){
               var id=$(this).data("id");
               $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
             $(document).on("change",".delete",function(){
               var id=$(this).data("id");
                $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
             $(document).on("change",".import",function(){
               var id=$(this).data("id");
               $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
              $(document).on("change",".export",function(){
               var id=$(this).data("id");
               $("#all_check"+id).prop("checked",false);
               if(isvalid(id)){
                   $("#all_check"+id).prop("checked", true);
               }
            })
        } );

    </script>
@endsection