@extends('tickets.layout',['user'=>$user])

@section('tickets')

    <div class="row justify-content-center my-5">
        <div class="col-10 mx-auto justify-content-center">
            <p class="fts-24 text-center" style="font-weight: 900;">Nouveau ticket</p>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-10 mx-auto">
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
            <form class="form-horizontal" role="form" method="POST">
                {!! csrf_field() !!}
                <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }} col-6 mx-auto">
                    <label for="title" class="col-4 mx-auto control-label fts-14 font-weight-bold pl-0">Titre</label>
                    <div>
                        <input id="title" type="text" class="form-control" name="title" value="{{ old('title') }}">
                        @if ($errors->has('title'))
                            <span class="help-block">
                                <strong>{{ $errors->first('title') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="form-group{{ $errors->has('category') ? ' has-error' : '' }} col-6 mx-auto">
                    <label for="category" class="col-md-4 control-label fts-14 font-weight-bold pl-0">Catégorie</label>
                    <div>
                        <select id="category" type="category" class="form-control" name="category">
                            <option value="">Sélectionner la catégorie</option>
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                            @endforeach
                        </select>
                        @if ($errors->has('category'))
                            <span class="help-block">
                                <strong>{{ $errors->first('category') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="form-group{{ $errors->has('priority') ? ' has-error' : '' }} col-6 mx-auto">
                    <label for="priority" class="col-4 mx-auto control-label fts-14 font-weight-bold pl-0">Priorité</label>
                    <div>
                        <select id="priority" type="" class="form-control" name="priority">
                            <option value="">Sélectionner la priorité</option>
                            <option value="low">Basse</option>
                            <option value="medium">Intermédiaire</option>
                            <option value="high">Élevée</option>
                        </select>
                        @if ($errors->has('priority'))
                            <span class="help-block">
                                <strong>{{ $errors->first('priority') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="form-group{{ $errors->has('message') ? ' has-error' : '' }} col-6 mx-auto">
                    <label for="message" class="col-4 control-label fts-14 font-weight-bold pl-0">Message</label>
                    <div>
                        <textarea rows="10" id="message" class="form-control" name="message"></textarea>
                        @if ($errors->has('message'))
                            <span class="help-block">
                                <strong>{{ $errors->first('message') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-6 mx-auto text-center">
                        <button type="submit triggerspinner" class="btn-myfo-blue">
                            Soumettre le ticket
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection