@extends('layouts.app')
@section('header')
<div class="header" style="padding:20px;">
<h5 style="font-weight: 600;"><i class="fa fa-plus"></i> Create User </h5>
</div>
@endsection
@section('content')
<div class="row">
	<div class="col-sm-6">
		<div class="card mb-3">
			<div class="card-body">
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif				
		<form action="{{url('/')}}/user" method="POST">
			@csrf
			<div class="form-group">
				<label>Name</label>
				<input type="text" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Email</label>
				<input type="text" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Phone</label>
				<input type="text" name="phone" value="{{ old('phone') }}" class="form-control @error('phone') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Password</label>
				<input type="text" name="password" class="form-control @error('password') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Role</label>
				<select name="role" class="form-control @error('role') is-invalid @enderror">
					<option>Adminstrator</option>
					<option>User</option>
				</select>
			</div>
			<div class="form-group">
				<label>Status</label>
				<select name="status" class="form-control @error('status') is-invalid @enderror">
					<option>Active</option>
					<option>Deactivated</option>
				</select>
			</div>

			<legend>Select Branches</legend>
			@foreach($branches as $branch)
			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="{{$branch->id}}" name="branches[]" checked="checked">
  			<label class="form-check-label">
    			{{$branch->name}}
  			</label>
			</div>
			@endforeach

			<legend>Select Permissions</legend>
			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="create_customer" checked="checked">
  			<label class="form-check-label">
    			Create Customer
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="edit_customer" checked="checked">
  			<label class="form-check-label">
    			Edit customer
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="delete_customer" checked="checked">
  			<label class="form-check-label">
    			Delete customer
  			</label>
			</div>
			
			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="create_transaction" checked="checked">
  			<label class="form-check-label">
    			Create transaction
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="edit_transaction" checked="checked">
  			<label class="form-check-label">
    			Edit transaction
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="delete_transaction" checked="checked">
  			<label class="form-check-label">
    			Delete transaction
  			</label>
			</div>
			
			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="generate_excel_reports" checked="checked">
  			<label class="form-check-label">
    			Generate Reports
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="mark_as_suspicious" checked="checked">
  			<label class="form-check-label">
    			Mark transactions as suspicious
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="branch_permissions" checked="checked">
  			<label class="form-check-label">
    			Branch settings 
  			</label>
			</div>

			<div class="form-check">
  			<input class="form-check-input" type="checkbox" value="1" name="user_permissions" checked="checked">
  			<label class="form-check-label">
    			User settings
  			</label>
			</div>
			@if(config('app.local') == true)
			<input type="hidden" name="local" value="1">
			@endif
			<div class="form-group">
				<button type="submit" class="btn btn-sm btn-warning"> <i class="fa fa-save"></i> Save </button>
			</div>
		</form>
	</div>
</div>
	</div>
</div>
@endsection