@ ( title: impl View, x: i32 )

@use "SideBar.rs.html" as SideBar;

<div>
    <h1>hello</h1>
    @{ let x = 5; }
</div>

@(3+5)
@("Hello, world! <script>alert('hello')</script>")

<p>@child_content()</p>

@if self.x == 5 {
    <p>x is 5</p>
} else  if self.x == 7 {
    <p>x is not 5</p>
} else {
    <p>x is not 5</p>
}

@for user in self.users {
    <div>
        <h2>@user.name</h2>
        <p>@user.email</p>
    </div>
}

<p>@user.name</p>

@time("2023-1:30:00Z")
@time("2023-11-20T10:30:00Z").pretty()
@time("2023-11-20T10:30:00Z").pretty().format("%b %d, %Y")
@time("2023-11-20T10:30:00Z").date()
@time("2023-11-20T10:30:00Z").time()

@inline_function()

<script type="text/javascript">
  let users = @json(&self.users);
  @json_let("users_let", &self.users);
</script>

@ifsb
@fordfs
@elseif
@elsef

@self.user

<SideBar content="this is content" count=5 />

<SideBar x="y" y = 5 is_ok content="this is content" count=5 >
    <div>
        <h2>@self.user.name</h2>
        <p>@(self.user.email)</p>
    </div>
</SideBar>

<SideBar user={<p>@self.user</p>} count=5 hi="hello" is_ok=true content="this is content" />