@extends('laratrust::panel.layout')

@section('title', "Edit {$modelKey}")

@section('content')
<div class="pt-24">
</div>
<div class="flex flex-col">
	<div class="-my-2 py-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-32">
		<form method="POST"
			action="{{route('laratrust.roles-assignment.update', ['roles_assignment' => $user->getKey(), 'model' => $modelKey])}}"
			class="align-middle inline-block min-w-full shadow overflow-hidden sm:rounded-lg border-b border-gray-200 p-8">
			@csrf
			@method('PUT')
			<label class="block">
				<span class="text-gray-700">{{ __('user-roles.name') }}</span>
				<input class="form-input mt-1 block w-full bg-gray-200 text-gray-600" name="name"
					placeholder="this-will-be-the-code-name"
					value="{{$user->name ?? 'The model doesn\'t have a `name` attribute'}}" readonly autocomplete="off">
			</label>
			<span class="block text-gray-700 mt-4">{{ __('user-roles.roles') }}</span>
			<div class="flex flex-wrap justify-start mb-4">
				@foreach ($roles as $role)
				<label class="inline-flex items-center mr-6 my-2 text-sm" style="flex: 1 0 20%;">
					<input type="checkbox"
					@if ($role->assigned && !$role->isRemovable)
						class="form-checkbox focus:shadow-none focus:border-transparent text-gray-500 h-4 w-4"
					@else
						class="form-checkbox h-4 w-4"
					@endif
					name="roles[]"
					value="{{$role->getKey()}}"
					{!! $role->assigned ? 'checked' : '' !!}
					{!! $role->assigned && !$role->isRemovable ? 'onclick="return false;"' : '' !!}
					>
					<span class="ml-2 {!! $role->assigned && !$role->isRemovable ? 'text-gray-600' : '' !!}">
						{{$role->display_name ?? $role->name}}
					</span>
				</label>
				@endforeach
			</div>

			<div class="row">
				<div class="col-2">
					<span class="block text-gray-700 py-1">الكلية</span>
				</div>
				<div class="col-10">
					<select class="form-select" aria-label="Default select example" name="college_id">
						<option value="0" selected>إختار الكلية</option>
						@if (isset($colleges))
						@foreach ($colleges as $college)
							<option value="{{ $college->id }}" {{ $user->college_id == $college->id ? 'selected' : ''}}>{{ $college->name }}</option>
						@endforeach
						@endif
					  </select>
				</div>
			</div>
			@if ($permissions)
			<span class="block text-gray-700 mt-4">Permissions</span>
			<div class="flex flex-wrap justify-start mb-4">
				@foreach ($permissions as $permission)
				<label class="inline-flex items-center mr-6 my-2 text-sm" style="flex: 1 0 20%;">
					<input type="checkbox" class="form-checkbox h-4 w-4" name="permissions[]"
						value="{{$permission->getKey()}}" {!! $permission->assigned ? 'checked' : '' !!}>
					<span class="ml-2">{{$permission->display_name ?? $permission->name}}</span>
				</label>
				@endforeach
			</div>
			@endif
			<div class="flex justify-end">
				<a href="{{route("laratrust.roles-assignment.index", ['model'=> $modelKey])}}"
					class="btn btn-red mr-4 btn-danger mx-2">
					الغاء
				</a>
				<button class="bg-primary btn btn-blue btn-primary" type="submit">حفظ</button>
			</div>
		</form>
	</div>
</div>
@endsection