@extends('layouts.admin.master')

@section('title')User
 {{ $title }}
@endsection


@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Role</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Setting</a></li>
            <li class="breadcrumb-item"><a href="{{ route('roleList') }}">Role</a></li>    
            <li class="breadcrumb-item"><a href="javascript:void(0)">@if($data ?? '') {{"Update"}} @else {{"Add"}}@endif</a></li>            

          </ol>
        </div>
        <div class="col-lg-6">
          <!-- Bookmark Start-->
          <div class="bookmark">
            <ul>
              <!-- <li><button class="btn btn-primary-light" type="button">Add FY</button></li>              -->
            </ul>
          </div>
          <!-- Bookmark Ends-->
        </div>
      </div>
    </div>
</div>
	<div class="container-fluid">
	    <div class="row justify-content-center">
	        <div class="col-sm-8">
	            <div class="card">
	                <div class="card-body">
                    <form method="post" name="roleForm" id="roleForm">
	                    <div class="form theme-form">
                            @if(base64_decode(request()->get('action'))=='edit')
                            <div class="row d-none">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Id</label>
	                                    <input class="form-control" type="hidden"  name="Id" id ="Id" placeholder="Name *" value="{{encrypt_decrypt('encrypt',$data->role_id)}}" />
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>
                            @endif
	                        <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Name</label>
	                                    <input class="form-control" type="text"  name="name" id ="name" placeholder="Name *" value="{{$data->name ?? ''}}"/>
                                        <span id="nameError" class="addError"></span>
	                                </div>
	                            </div>
	                        </div>	                      
	                        <div class="row">	                            
	                            <div class="col-12">
	                                <div class="mb-3">
	                                    <label>Permissions</label>
                                        <div class="table-responsive">
                                    <table class="table table-flush-spacing" id="previewExcel">
                                        <tbody>
                                        <tr>
                                            <td class="text-nowrap fw-bolder">
                                            Administrator Access
                                            <span data-bs-toggle="tooltip" data-bs-placement="top" title="Allows a full access to the system">
                                                <i data-feather="info"></i>
                                            </span>
                                            </td>
                                            <td>
                                                <div class="checkbox checkbox-primary">
                                                    <input id="checkAll"type="checkbox">
                                                    <label for="checkAll">Select All</label>
                                                </div>                                                                                                                                            
                                            </td>
                                        </tr>
                                        @php
                                            $count = 0
                                        @endphp
                                        @foreach($pages as $key=>$page)   
                                        @php
                                            $count++;
                                        @endphp                       
                                        <tr>
                                            <td class="">{{$page["name"]}}</td>
                                            <!-- <td class="">{{print_r($page['page_id'])}}</td> -->
                                            <td>
                                            <div class="d-flex">
                                            <input type="text" class="form-control d-none" name="pageId" id="pageId" value="{{encrypt_decrypt('encrypt',$page['page_id'])}}">
                                                <div class="checkbox checkbox-dark">
                                                    <input id="inline-{{$count}}" type="checkbox" {{$page["view"]=="true"?  "checked" : "unchecked"}}>
                                                    <label for="inline-{{$count}}">  View </label>
                                                </div>
                                                <div class="checkbox checkbox-dark">
                                                    <input id="inline-{{++$count}}" type="checkbox" {{$page["add"]=="true"?  "checked" : "unchecked"}}>
                                                    <label for="inline-{{$count}}">  Add</label>
                                                </div>
                                                <div class="checkbox checkbox-dark">
                                                    <input id="inline-{{++$count}}" type="checkbox" {{$page["update"]=="true"?  "checked" : "unchecked"}}>
                                                    <label for="inline-{{$count}}">  Update</label>
                                                </div>
                                                <div class="checkbox checkbox-dark">
                                                    <input id="inline-{{++$count}}" type="checkbox" {{$page["del"]=="true"?  "checked" : "unchecked"}}>
                                                    <label for="inline-{{$count}}">  Delete</label>
                                                </div>
                                            </div>
                                            </td>
                                        </tr>            
                                        @endforeach                                                               
                                        </tbody>
                                    </table>
                                </div>
	                                </div>
	                            </div>                                                       
	                        </div>	                       	                        
	                        <div class="row">                                                            
	                            <div class="col justify-content-center">
	                                <div class="text-center"><button class="btn btn-primary" type="submit">@if($data ?? '') {{"Update"}} @else {{"Save"}}@endif</button></div>
	                            </div>
	                        </div>
	                    </div>
                        </form>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

	
	@push('scripts')
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    @if($data ?? '')
    <script>
            $(function(){
                $("#status").val('{{$data->status}}').attr("selected","selected");                
            })
           
    </script>
    @endif
    @if(Session()->has('Response'))
            <script>
                notifyF("{{Session('Response')}}","{{Session('Msg')}}",'primary',2000)
            </script>
        @endif
      
        @if($errors->has('name'))
        <script>
            $("#nameError").html("{{ $errors->first('name') }}")
            $("#name").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#nameError").fadeOut()
                    $("#name").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
        @if($errors->has('startDate'))
        <script>
            $("#startDateError").html("{{ $errors->first('startDate') }}")
            $("#startDate").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#startDateError").fadeOut()
                    $("#startDate").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
        @if($errors->has('alias'))
        <script>
            $("#aliasError").html("{{ $errors->first('alias') }}")
            $("#alias").addClass('addErrorBorder')
                setTimeout(function() {
                    $("#aliasError").fadeOut()
                    $("#alias").removeClass('addErrorBorder')
                },5000)
            </script>
        @endif
        <script>
$(function()
    {    
        $("#roleForm").on('submit',function(e)
        {
            e.preventDefault();
            var permission = {}
            var name = $("#name").val();   
            var id = "{{isset($data) ? encrypt_decrypt('encrypt',$data->role_id) : 'dummy'}}"
            $("#previewExcel tr:gt(0)").each(function(index,value){                     
                var data = [];        
                var idVal = "";      
                var count =0
                $($(this).find('input')).each(function(ind,na){           
                    var type = $(this).attr('type');     
                    if(type=="text")
                    {                                               
                        idVal = $(this).val();                    
                                  
                    }
                    else
                    {
                        if($(this).is(':checked'))
                        {   count = 1
                            data.push($(this).is(':checked'))                                            
                        }
                        else
                        {
                            data.push($(this).is(':checked'))                                            

                        }
                        // console.log($(this).is(':checked'))
                    }

                })
                if(count)
                {
                    permission[idVal] = data;   
                }
                // all.push(data);
                data = []                           
            })
            $.ajax({
                url:"{{isset($data) ? route('updateRole') : route('saveRole')}}",
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type:"post",                
                data:{name:name,permission:permission,Id:id},
                success:function(response){
                    console.log(response,'response');
                    notifyF(response.Response,response.Msg,'primary',2000) 
                    setTimeout(() => {
                            location.reload()
                            $("#roleForm")[0].reset();
                    }, 3000);                   
                }
            }) 
        })
    })

    $(function(){
        $("#checkAll").click(function(){
            var val = $(this).is(':checked')
            $("#previewExcel tr input[type=checkbox]").each(function(index,value){
                $(this).prop('checked',val)
            })
        })
    })
        </script>
	@endpush

@endsection