@extends('client.layouts.main')

@section('title', 'Open New Ticket')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Open New Ticket</span></div>
            </div>
            <form action="{{ route('client.tickets.store') }}" method="POST">
                @csrf
                <div class="portlet-body">
                    <div class="form-group">
                        <label class="control-label">Subject <span class="text-danger">*</span></label>
                        <input type="text" name="subject" class="form-control" value="{{ old('subject') }}" required>
                        @if($errors->has('subject'))<span class="help-block text-danger">{{ $errors->first('subject') }}</span>@endif
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Department <span class="text-danger">*</span></label>
                                <select name="department" class="form-control" required>
                                    <option value="">-- Select Department --</option>
                                    <option value="support" {{ old('department') == 'support' ? 'selected' : '' }}>Support</option>
                                    <option value="billing" {{ old('department') == 'billing' ? 'selected' : '' }}>Billing</option>
                                    <option value="sales" {{ old('department') == 'sales' ? 'selected' : '' }}>Sales</option>
                                    <option value="technical" {{ old('department') == 'technical' ? 'selected' : '' }}>Technical</option>
                                </select>
                                @if($errors->has('department'))<span class="help-block text-danger">{{ $errors->first('department') }}</span>@endif
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">Priority <span class="text-danger">*</span></label>
                                <select name="priority" class="form-control" required>
                                    <option value="low" {{ old('priority') == 'low' ? 'selected' : '' }}>Low</option>
                                    <option value="medium" {{ old('priority', 'medium') == 'medium' ? 'selected' : '' }}>Medium</option>
                                    <option value="high" {{ old('priority') == 'high' ? 'selected' : '' }}>High</option>
                                    <option value="urgent" {{ old('priority') == 'urgent' ? 'selected' : '' }}>Urgent</option>
                                </select>
                                @if($errors->has('priority'))<span class="help-block text-danger">{{ $errors->first('priority') }}</span>@endif
                            </div>
                        </div>
                    </div>
                    @if($domains->count() || $hostingAccounts->count())
                    <div class="form-group">
                        <label class="control-label">Related Service</label>
                        <select name="related_service" class="form-control">
                            <option value="">-- None --</option>
                            @if($domains->count())
                            <optgroup label="Domains">
                                @foreach($domains as $domain)
                                <option value="domain:{{ $domain->domain_name }}" {{ old('related_service') == 'domain:'.$domain->domain_name ? 'selected' : '' }}>{{ $domain->domain_name }} (Domain)</option>
                                @endforeach
                            </optgroup>
                            @endif
                            @if($hostingAccounts->count())
                            <optgroup label="Hosting">
                                @foreach($hostingAccounts as $hosting)
                                <option value="hosting:{{ $hosting->domain }}" {{ old('related_service') == 'hosting:'.$hosting->domain ? 'selected' : '' }}>{{ $hosting->domain }} (Hosting)</option>
                                @endforeach
                            </optgroup>
                            @endif
                        </select>
                        @if($errors->has('related_service'))<span class="help-block text-danger">{{ $errors->first('related_service') }}</span>@endif
                    </div>
                    @endif
                    <div class="form-group">
                        <label class="control-label">Message <span class="text-danger">*</span></label>
                        <textarea name="message" class="form-control" rows="8" required>{{ old('message') }}</textarea>
                        @if($errors->has('message'))<span class="help-block text-danger">{{ $errors->first('message') }}</span>@endif
                    </div>
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-success">Submit Ticket</button>
                    <a href="{{ route('client.tickets.index') }}" class="btn btn-warning">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection