@extends('layouts.master')

@php
    use \App\Http\Controllers\UserController;
	use \App\Http\Controllers\PermissionController;

    $permissionall	= PermissionController::permissionall();
	$userdata	= UserController::userdata(Auth::user()->id);
	$user_role	= $userdata->user_role;
@endphp

@section('title', 'Roles Setting')

@section('style')
    <style>
        .container {
			  display: block;
			  position: relative;
			  padding-left: 35px;
			  margin-bottom: 12px;
			  cursor: pointer;
			  font-size: 18px;
			  -webkit-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			}

			/* Hide the browser's default checkbox */
			.container input {
			  position: absolute;
			  opacity: 0;
			  cursor: pointer;
			  height: 0;
			  width: 0;
			}

			/* Create a custom checkbox */
			.checkmark {
			  position: absolute;
			  top: 0;
			  left: 0;
			  height: 25px;
			  width: 25px;
			  background-color: #eee;
			}

			/* On mouse-over, add a grey background color */
			.container:hover input ~ .checkmark {
			  background-color: #ccc;
			}

			/* When the checkbox is checked, add a blue background */
			.container input:checked ~ .checkmark {
			  background-color: #2196F3;
			}

			/* Create the checkmark/indicator (hidden when not checked) */
			.checkmark:after {
			  content: "";
			  position: absolute;
			  display: none;
			}

			/* Show the checkmark when checked */
			.container input:checked ~ .checkmark:after {
			  display: block;
			}

			/* Style the checkmark/indicator */
			.container .checkmark:after {
			  left: 9px;
			  top: 5px;
			  width: 5px;
			  height: 10px;
			  border: solid white;
			  border-width: 0 3px 3px 0;
			  -webkit-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
			  transform: rotate(45deg);
			}
    </style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')

    @include('layouts.header')


    <section class="wrapper image-wrapper bg-image bg-overlay text-white"
        data-image-src="{{ asset('/bg/3.jpg') }}"
        style="background-image: url('{{ asset('/bg/3.jpg') }}');">
        <div class="container pt-14 pt-md-16 pb-23 pb-md-15 text-center">
            <div class="row">
                <div class="row">
                    <div class="col-lg-8 col-xxl-7 mx-auto text-center" data-cues="slideInDown" data-group="page-title"
                        data-delay="600">
                        <h1 class="fs-58 mb-2 text-light">Roles Setting</h1>
                        {{-- <h2 class="fs-16 text-uppercase ls-xl text-light mb-4">Hello! This is Sandbox</h2> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            {{-- <div class="row text-center mb-10">
                <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
                    <h3 class="display-3 px-xl-10 mb-0"> CCCCCCC</h3>
                </div>

            </div> --}}

            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>

           
            <div class="col-lg-12">
				<div class="blog single">
					<div class="card">
						<!-- <figure class="card-img-top"><img src="{{ asset('/sandbox/img/photos/b1.jpg') }}" /></figure> -->
						<div class="card-body">
                        
							<form method="post" action="{{ url('/roleaddpermission') }}" enctype="multipart/form-data" class="simple-form listitems">
								{{ csrf_field() }}

								<input type="hidden" name="role_id" id="role_id" value="{{ $roles->id }}">

								<div class="col-md-12 col-sm-12 col-12">
									<label style="font-weight:bold;font-size:20px;">Role Name : {{ $roles->name }}</label>
									<hr>
								</div>

								<div class="col-md-12 col-sm-12 col-12">
										<label style="font-weight:bold;font-size:18px;">Permission List :</label><br>