{extends 'template:1'}

{block 'main'}
    <div class="how">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="how-block">
						<h1 class="mb-4">{'pagetitle'|resource}</h1>

						<div class="row no-gutters mt-5">
						    {foreach json_decode('id'|resource|locfield:'payments_block', true) as $item}
							<div class="item col">
								<div class="wrap">
									<div class="item-img">
										<img src="/{$item.img}" alt="{$item.title|strip_tags}">
									</div>
									<div class="item-title">
										{$item.title}
									</div>
								</div>
							</div>
							{/foreach}
						</div>

                        {set $idx = 1}
                        {foreach json_decode('id'|resource|locfield:'payments_block2', true) as $item}
                        {if $idx % 2 !== 0}
						<div class="row align-items-center how-row">
							<div class="col-12 col-lg-6">
								<div class="how-title">
									{$item.title}
								</div>
								<div class="how-text">
									{$item.text}
								</div>
							</div>
							<div class="col-12 col-lg-6">
								<div class="how-img">
									<img src="/{$item.img}" class="img-responsive" alt="">
								</div>
							</div>
						</div>
						{else}
						<div class="row align-items-center how-row">
							<div class="col-12 col-lg-6 order-2 order-lg-1">
								<div class="how-img">
									<img src="/{$item.img}" class="img-responsive" alt="">
								</div>
							</div>
							<div class="col-12 col-lg-6 order-1 order-lg-2">
							<div class="how-title">
									{$item.title}
								</div>
								<div class="how-text">
									{$item.text}
								</div>
							</div>
						</div>
						{/if}
						{set $idx = $idx + 1}
						{/foreach}

						
						
						
					</div>
				</div>
			</div>
		</div>
	</div>	
{/block}