{extends file="$layouts_client"}
{block name="content"}
<div class="paper">
<section class="panel" id="ib_box">
<div class="panel-body" style="font-size: 14px;">
<div>
{if isset($notify)}
{$notify}
{/if}
<div class="login-brand text-center">
<img class="logo" src="{$app_url}storage/system/logo.png" alt="Logo">
</div>
<hr>
<form method="post" action="{$_url}tickets/client/create_post/" id="iform" name="iform">
{*<div class="mb-3">*}
{*<label for=""></label>*}
{*<input type="text" class="form-control" id="" name="">*}
{*</div>*}
<div class="mb-3">
<label for="account">Full Name</label>
<input type="text" class="form-control" id="account" name="account">
</div>
<div class="mb-3">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email">
</div>
<div class="mb-3">
<label for="subject">Subject</label>
<input type="text" class="form-control" id="subject" name="subject">
</div>
<div class="mb-3">
<label for="message">Description</label>
<textarea id="message" class="form-control" name="message"></textarea>
<div class="help-block"><a data-bs-toggle="modal" href="#modal_add_item"><i class="fal fa-paperclip"></i> Attach File</a> </div>
</div>
{if $_c['recaptcha'] eq '1'}
<div class="mb-3">
<div class="g-recaptcha" data-sitekey="{$_c['recaptcha_sitekey']}"></div>
</div>
{/if}
<input type="hidden" name="attachments" id="attachments" value="">
<button type="submit" id="ib_form_submit" class="btn btn-primary">Create Ticket</button>
</form>
</div>
</div>
</section>
</div>
<div id="modal_add_item" class="modal fade" tabindex="-1" data-width="600" style="display: none;">
<div class="modal-header">
<button type="button" class="close btn btn-danger" data-bs-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Add File</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<form action="" class="dropzone" id="upload_container">
<div class="dz-message">
<h3> <i class="fal fa-cloud-upload"></i> Drop File Here</h3>
<br />
<span class="note">Or Click to Upload</span>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" data-bs-dismiss="modal" class="btn btn-danger">Close</button>
</div>
</div>
{/block}