<?php require view('theme/header'); ?>


<div class="app-content">
    <div class="container-fluid">

        <div class="d-card dc-dash">
            <div class="row">
                <div class="col-lg-6 col-md-8 col-12">
                    <div class="py-3 px-5">
                        <div class="dch-title">
                            Destek
                        </div>
                        <div class="dch-text">
                            Destek talebi oluşturmadan <a href="/faq">S.S.S</a> sayfasına gözatın.
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="neworder">

            <div class="row">
                <div class="col-lg-7 col-12 mb-5 mb-lg-0">
                    <div class="d-card">

                        <div class="d-card-head">
                            <div class="dch-body">
                                <i class="icon far fa-comment-alt-plus me-3"></i>
                                <span class="ml-3">Destek Talebi Oluştur</span>
                            </div>
                        </div>

                        <div class="d-card-body" id="dc-body">

                            <form id="create_ticket" onsubmit="return false;">
                                <div class="alert alert-dismissible alert-danger ticket-danger " style="display: none">
                                    <button type="button" class="close">&times;</button>
                                    <div></div>
                                </div>
                                <div class="form-group">
                                    <label for="subject" class="control-label">{TICKET_FORM_TITLE}:</label>

                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-icon">
                                                <i class="far fa-ballot" style="margin-top: 10px;"></i>
                                            </div>
                                            <input type="text" class="form-control" name="title" id="title">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group message">
                                    <label for="message" class="control-label">{TICKET_FORM_MESSAGE}:</label>
                                    <textarea class="form-control" rows="7" id="message" name="message"
                                              style="height:150px!important"></textarea>
                                </div>
                                <input name="_csrf" value="{{csrftoken}}" type="hidden">
                                <input id="hmessage" name="TicketForm[message]" type="hidden">
                                <input type="hidden" name="_csrf" value="{{csrftoken}}">
                                <button type="submit" class="btn btn-primary btn-lg btn-block">{TICKET_SUBMIT}</button>
                            </form>


                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-12 mb-5 mb-lg-0">
                    <div class="d-card">
                        <div class="d-card-head">
                            <div class="dch-body">
                                <i class="icon far fa-ticket-alt me-3"></i>
                                <span class="ml-3">Geçmiş Taleplerim</span>
                            </div>
                        </div>
                        <div class="d-card-body">

                            <div class="table-responsive">
                                <table class="table">
                                    <thead class="white">
                                    <tr>
                                        <th>ID</th>
                                        <th>{TICKETS_TABLE_TITLE}</th>
                                        <th>{TICKETS_TABLE_STATUS}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {TICKETS}
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </section>

    </div>
</div>

<?php require view('theme/footer'); ?>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function () {
        $('#datable').DataTable({
            "lengthChange": false
        });
    });
</script>