@extends('layouts.admin')
@section('header_style')
    <link href="{{asset('assets/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css')}}" rel="stylesheet"      type="text/css"/>
    <link href="{{asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"      type="text/css"/>
    <style type="text/css">
        td { 
            font-size: 14px !important; 
        }
    </style>
@endsection
@section('content')  
<form method="POST" enctype="multipart/form-data" action="{{route('access_group.store.edit_user_access')}}">
    @csrf
        <div class="top-baar">
                <nav class="navbar navbar-expand-lg navbar-light bg-light">
                    <div class="collapse navbar-collapse " id="navbarSupportedContent">
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            
                            <div class="Save"><button type="submit" class="btn btn-success" style="float: right;padding-right: 20px;padding-left: 20px;margin-right: 10px;">SAVE</button></div>
                            <div class="Discard"><a href="{{ route('access_group.index') }}" class="btn btn-danger px-4 py-1" style="float: right;margin-right: 10px;">DISCARD</a></div>
                        </div>
                    </div> 
                </nav>   
        </div> 
        <div class="all-content">
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="col-2 ml-8 pl-8">
                    <div class="form-group row my-0 pt-5">
                        <label class="col-sm-3 form-label pt-1 text-left"><b>Roles :</b></label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="roles" id="roles" class="form-control" value="{{$userRole->name}}" readonly="">
                            <input autocomplete="off" type="hidden" name="id" id="id" class="form-control" value="{{$userRole->id}}">
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                </div>
            </div>            
            <div class="col-12 py-2">
                <div class="bg-white">
                    <table id="access_table" class="table table-striped text-center">
                        <thead>
                            <tr>
                                <th>Module</th>
                                <th>Name</th>
                                <th>View</th>
                                <th>Add</th>
                                <th>Edit</th>
                                <th>Delete</th>
                            </tr>
                        </thead>
                        <tbody>
@php $count=0;$i=0; @endphp
@foreach ( $row as $p )
        <tr>
            <td><input type="hidden" name="module_name" value="" >{{ $p->setting_module }}</td>  
            <td><input type="hidden" name="module_id[{{$i}}]" value="{{$p->module_id}}">{{ $p->setting_module_name }}</td>  

            <td><input type="hidden" name="view[{{$i}}]" value="0">
                <input @if($system_access[$i]->view_access) checked @endif type="checkbox" name="view[{{$i}}]" value="1"></td>

            <td><input type="hidden" name="add[{{$i}}]" value="0">
                <input @if($system_access[$i]->add_access) checked @endif type="checkbox" name="add[{{$i}}]" value="1"></td>

            <td><input type="hidden" name="edit[{{$i}}]" value="0">
                <input @if($system_access[$i]->edit_access) checked @endif type="checkbox" name="edit[{{$i}}]" value="1"></td>

            <td><input type="hidden" name="delete[{{$i}}]" value="0">
                <input @if($system_access[$i]->delete_access) checked @endif type="checkbox" name="delete[{{$i}}]" value="1"></td>


        </tr>
    @php $i++; @endphp
@endforeach                           
                             
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
</form>
@endsection
@section('footer_script')
    <script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js' )}}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/jquery.validate.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/additional-methods.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js' )}}"
            type="text/javascript"></script>

@endsection