@extends('space_portal.layouts.master')

@section('title','Creating the third workspace. Join today')

@section('header')
	@include('space_portal.partials.header')
@endsection

@section('content')
<section class="main-container">
    <div class="padding">

        <div class="box-white">
            <div class="d-flex align-items-start justify-content-start align-items-md-center justify-content-md-between flex-column flex-md-row mb-3 mb-md-0">
                <div class="mb-2 m-md-0">
                    <h1 class="mb-0">Help & Support</h1>
                </div>
            </div>

            <hr class="my-4">

            <h2 class="mb-4">Report a problem</h2>

            @include('space_portal.send_support_ticket')
            <hr class="my-4">

            <h2 class="mb-4">Tickets</h2>

            <table id="manager-table" class="table" style="width:100%">
                <thead>
                    <tr>
                        <th class="text-start no-sort">Ticket</th>
                        <th class="text-start no-sort">Category</th>
                        <th class="text-start no-sort">Subject</th>
                        <th class="text-start no-sort">Date</th>
                        <th class="text-start no-sort">Status</th>
                        <th class="text-center no-sort">&nbsp;</th>
                    </tr>
                </thead>
                <tbody>
                    @include('space_portal.support_tickets_list')
                </tbody>
            </table>
            @if(session()->has('success'))
                <p class="success-msg text-success text-left"><strong>Support ticket was sent successfully. Someone from our team will contact you soon.</strong></p>
            @endif

            @if(session()->has('error'))
                <p class="error-msg text-error-bigger text-left"><strong>Something went wrong. Please try again.</strong></p>
            @endif
            <p class="mb-0">&nbsp;</p>
        </div>
    </div>
</section>


@endsection

@push('scripts')
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> --}}

<script>
$( document ).ready(function() {
$(".goog-te-combo").select2();

// $(".s2-togall-button, .s2-togall-select").css("display", "none");

$('select').select2({
    minimumResultsForSearch: -1
});
/* This click event to add class "open" to "custom-selectbox" */
$('.custom-selectbox #day').on('click', function( e ) {
   $(this).parent().toggleClass("open");
   return false;
});

});
</script>
@endpush