@extends('adminlayout.dashadmin')

@section('content')
<!-- Font Awesome -->

<style>
    .permission-section {
        border: 1px solid #dee2e6;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        background-color: #f8f9fa;
    }
    .permission-title {
        font-weight: bold;
        background-color: #e9ecef;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .permission-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .permission-label {
        width: 200px;
        font-weight: 500;
        color: #343a40;
    }
    .actions {
        display: flex;
        gap: 20px;
    }
    .actions .form-check {
        margin-bottom: 0;
    }
	.successmsg{
      padding: 5px;
      margin: 10px;
      text-align: center;
	}
  </style>
<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

<section class="content">     
        <div class="box box-info collapsed-box">
      <div class="box-header with-border">
        <h3 class="box-title">
          <span class="fa fa-fw fa-plus"></span> Edit permission </h3>
        <div class="btn btn-box-tool add-new-btn" >
          <!--<i class="fa fa-plus"></i>-->
             <a href="{{route('index_employee')}}" style="color: black;" class="btn btn-primary d-none d-sm-inline-flex"><< Back</a>  
                                       
        </div>
		@if (session('success'))
				<div class="alert-success alert-dismissible successmsg" role="alert">
					{{ session('success') }}
				  
				</div>
	    @endif
      </div>        
           <div class="row">
		   
                <div class="col-sm-12">
                    <div class="recharge-form">
                       <form method="POST" action="{{ route('update_user_permission') }}">
							@csrf
							<input type="hidden" name="user_id" value="{{ $user->id }}">

							@foreach($sidebar_data['all_data'] as $group)
								
									<div class="permission-section mb-4 p-3 border rounded bg-light">
								         @php
											$ppermName = strtolower($group['id']) . '_' . 'view';
										@endphp
										<div class="permission-title"> <input class="form-check-input" type="checkbox" name="permissions[]" value="{{ $ppermName }}" {{ in_array($ppermName, $permission) ? 'checked' : '' }}
																id="{{ $ppermName }}" > {{ $group['title'] }}</div>
																
										@if(!empty($group['children']))						

										@foreach($group['children'] as $child)
											<div class="permission-row d-flex justify-content-between align-items-center border-bottom py-2">
												<div class="permission-label text-dark">{{ $child['title'] }}</div>
												<div class="actions d-flex gap-3">
												   @php
												      if($child['actions'])
												      $actions = explode(",", $child['actions']);
												      else
													  $actions = [];
												  
												   @endphp
													@foreach($actions as $action)
														@php
															$permName = strtolower($child['id']) . '_' . $action;
														@endphp
														<div class="form-check">
															<input class="form-check-input" type="checkbox" name="permissions[]" value="{{ $permName }}" {{ in_array($permName, $permission) ? 'checked' : '' }}
																id="{{ $permName }}" >
																
															<label class="form-check-label" for="{{ $permName }}">
																{{ ucfirst($action) }}
															</label>
														</div>
													@endforeach
												</div>
											</div>
										@endforeach
										@endif
									</div>
								
							@endforeach

							<div class="text-center mt-4">
								<button type="submit" class="btn btn-primary">Update Permissions</button>
							</div>
						</form>
                    </div>
                </div>
            
            
             </div>   
   
  </section>

  <!-- Content End -->
</div>


    


@endsection