@extends('layouts.client_template')
@section('content')
<aside class="page_content_wrapper">
	<div class="page_content_inner">
        @include('layouts.client_assign_manager')
        <h2 class="page_title">Support Center</h2>
		<div class="flash-message">
			@foreach (['danger', 'warning', 'success', 'info'] as $msg)
			@if(Session::has('alert-' . $msg))
			<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
				<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
			@endif
			@endforeach
		</div>
        <div class="regulation_wrapper">
			<div class="regulation_title">
				<h4>My Tickets</h4>
				<a href="{{ url()->previous() }}" class="back_button"><img src="{{ asset('/newdesign/images/back.svg') }}" alt=""></a>
			</div>
			<div class="position_top_filter_wrapper">
				<form class="customdatefilter" role="form" method="GET" action="{{ url('/client/ticket/mytickets') }}">
					<div class="row gx-2">
						<div class="col-lg-3 col-md-3 col-sm-4 col-6">
							<div class="form-group">
								<select name="status" class="form-select" id="status">
									<option value="">All statuses</option>
										<option value="Open" @if(isset($_GET['status'])) @if($_GET['status'] == "Open") selected @endif @endif>Open</option>
										<option value="Closed" @if(isset($_GET['status'])) @if($_GET['status'] == "Closed") selected @endif @endif>Closed</option>
								</select>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-6">
							<div class="form-group">
								<button type="submit" id="dateSearch" class="btn btn-primary mt-0">@lang('translate.search')</button>
							</div>
						</div>
					</div>
				</form>
			</div>
			<hr>
			<div class="white_box_part pt-0">
				<div class="ticker_wrapper">
					@if(count($ticketslists) > 0)
					@foreach($ticketslists as $key=>$tickets)
					<div class="ticker_row_wrap mb20">
						<div class="collapse_row" type="button" data-bs-toggle="collapse" data-bs-target="#ticketCollapse{{$key}}" aria-expanded="false" aria-controls="ticketCollapse{{$key}}">
							<ul>
								<li>Ticket ID: <span>#{{ $tickets->ticket_id }}</span></li>
								<li>Title: <span>{{ $tickets->title }}</span></li>
								<li>Enquiry Type: <span>{{ $tickets->category }}</span> </li>
								<li>@if($tickets->status == "Closed")<span class="badge bg-gray">Solved</span>@else<span class="badge bg_secondary">Pending</span>@endif</li>
							</ul>
						</div>
						<div class="solution_wrap collapse @if ($tickets->status == 'Open') show @endif" id="ticketCollapse{{$key}}">
							<div class="form_group m0">
								<label for="Solution">Solution:</label>
								<div class="form-control" id="Solution">
									@include('client.ticket.comments')
								</div>
							</div>
							@if ($tickets->status == 'Open')
								@include('client.ticket.reply')
							@endif
						</div>
					</div>
					@endforeach
					
					@else
					<div class="nodata_found">
						<div class="nodata_found-start">
							<div class="nodata_found_icon">
								<img src="{{ asset('/newdesign/images/transaction-empty.svg') }}" alt="" />
							</div>
							<div class="nodata_found_text">
								<h5>No tickets yet!</h5>
							</div>
						</div>
					</div>
					@endif
				</div>
			</div>
		</div>
	</div>
</aside>
<aside class="right_content_wrapper">
	@include('layouts.client_assign_manager_right')
	<div class="bank_account_wrap bg_white_box mb-2">
        <h3 class="mb15">Helpline</h3>
        <div class="trasaction_type_wrap">
			<div class="row g-3">
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-messages.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Chat with us</h5>
						<a href="#" class="badge btn_secondary">Click here</a>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-sms.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Mail us</h5>
						<a href="mailto:{{env('SHOW_MAIL')}}" class="badge btn_primary">Click here</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="right_sidebar transaction_wrap bg_white_box">
        <h3>Raise New Ticket</h3>
        <form role="form" method="post" action="{{ url('/client/ticket/newticketstore') }}">
			@csrf
			<div class="row justify-content-center">
				<div class="col-sm-9">
					<div class="form_group">
						<label for="category" class="form-label">Category<sup>*</sup></label>
						<select name="category" class="form-select @error('category') is-invalid @enderror" id="category">
							<option value="">@lang('translate.please_choose')</option>
							<option value="Trading Operations">Trading Operations</option>
							<option value="Non-trading Operations">Non-trading Operations</option>
							<option value="Account Opening">Account Opening</option>
							<option value="KYC">KYC</option>
							<option value="Deposit">Deposit</option>
							<option value="Withdrawals">Withdrawals</option>
						</select>
						@error('category')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					<div class="form_group">
						<label for="title" class="form-label">Title<sup>*</sup></label>
						<input name="title" class="form-control @error('title') is-invalid @enderror" id="title" placeholder="@lang('translate.enter_title')" value="{{ old('title') }}" />
						@error('title')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					<div class="form_group">
						<label for="priority" class="form-label">Priority<sup>*</sup></label>
						<select name="priority" class="form-select @error('priority') is-invalid @enderror" id="priority">
							<option value="">@lang('translate.please_choose')</option>
							<option value="Low">Low</option>
							<option value="Medium">Medium</option>
							<option value="High">High</option>
						</select>
						@error('priority')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					<div class="form_group">
						<label for="message" class="form-label">Your query<sup>*</sup></label>
						<textarea name="message" id="message" class="form-control @error('message') is-invalid @enderror" rows="5" placeholder="Enter your query">{{ old('message') }}</textarea>
						@error('message')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="position-relative text-center mt-4">
				<button type="submit" class="btn_icon_black" id="submitFormButton" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">Submit <img src="{{ url('/newdesign/images/right.svg') }}" class="ml10 mr0" alt=""></button>
			</div>
		</form>
	</div>
</aside>
@endsection