@extends('admin.layouts.main')
@section('menu','Support')
@section('title','Create Ticket')

@section('content')
<form action="{{ route('admin.tickets.store') }}" method="POST">
    @csrf
    <fieldset class="content-group">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Ticket Details</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="control-label">Customer<span class="text-danger"> *</span></label>
                            <select name="user_id" class="form-control select2" required>
                                <option value="">-- Select Customer --</option>
                                @foreach($clients as $client)
                                    <option value="{{ $client->id }}" {{ old('user_id') == $client->id ? 'selected' : '' }}>{{ $client->first_name }} {{ $client->last_name }} ({{ $client->email }})</option>
                                @endforeach
                            </select>
                            @if ($errors->has('user_id'))<span class="help-block text-danger">{{ $errors->first('user_id') }}</span>@endif
                        </div>
                        <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="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>
                                </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>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Message<span class="text-danger"> *</span></label>
                            <textarea name="message" class="form-control" rows="8" required placeholder="Enter the ticket message...">{{ old('message') }}</textarea>
                            @if ($errors->has('message'))<span class="help-block text-danger">{{ $errors->first('message') }}</span>@endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-success">
                    <div class="panel-heading font-bold">Publish</div>
                    <div class="panel-body">
                        <a type="button" class="btn btn-warning" href="{{ route('admin.tickets.index') }}"><i class="fa fa-long-arrow-left"></i> Back to List</a>
                        <button type="submit" name="save" class="btn btn-success pull-right"><i class="fa fa-save"></i> Create Ticket</button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
@endsection

@push('custom-stylesheets')
<link href="{{ asset('/back/assets/global/plugins/select2/select2.css') }}" rel="stylesheet">
<link href="{{ asset('/back/assets/global/plugins/select2/select2-bootstrap.css') }}" rel="stylesheet">
@endpush
@push('custom-scripts')
<script src="{{ asset('/back/assets/global/plugins/select2/select2.min.js') }}"></script>
<script>jQuery(document).ready(function(){ jQuery('.select2').select2(); });</script>
@endpush