@extends('Centaur::layout')

@section('title',__('basic.ticket.mn'))

@section('content')
<section class="pageSection pageSectionWithModal flex-row">
    <section class="col-12 flex_shrink">
        <header class="page-header">
            <div class="pageTitle">
                <h1>
                    <button id="goBack" class="icon_btn goBack">
                        <span class="icon icon_arrow arrow_left"></span>
                    </button>
                    @lang('basic.ticket.mn')
                </h1>
            </div>
            <div class="optionContainer">
                <div>
                    <input type="month" name="month" class="form-control loadOnChange" value="{{ $selectedMonth }}" data-href="{{ route('dashboard')}}"  max="{{ (date('Y')+1) . '-12' }}">
                </div>
                <div class="dropdownContainer">
                    <a class="nav-link dropdown-toggle d-flex" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="icon icon_download"></span> 
                        Export
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li>
                            <a href="{{ route('customers.index') }}" class="dropdown-item " media="print" onclick="window.print();return false;">
                                <span class="icon icon_print" aria-hidden="true" ></span>Print
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <main class="page-main p-0">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 d-flex flex-wrap">
                    @include('Centaur::tickets.table')
                </div>
            </div>
        </main>
    </section>
    @include('Centaur::dataModal')
</section>
@stop