@extends('layouts.new_theme')

@section('content')
    <div class="section-header">
        <h1><a href="{{ route('get_tickets') }}"><i class="fas fa-arrow-circle-left custom-back"></i></a>
            {{ __('Open Ticket') }}</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="{{ route('get_tickets') }}">{{ __('Dashboard') }}</a></div>
            <div class="breadcrumb-item">{{ __('Open ticket') }}</div>
        </div>
    </div>

    <div class="section-body">
        <div class="row">
            <div class="col-12">
                @include('common.demo')
                @include('common.errors')
                <div class="card">
                    <div class="card-header">
                        <h4>{{ __('Open Ticket') }}</h4>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('ticket.store') }}" enctype="multipart/form-data">
                            @csrf
                            <div>
                                <div class="form-group row mb-4">
                                    <label
                                        class="col-form-label text-md-right col-12 col-md-3 col-lg-3">{{ __('Subject') }}:</label>
                                    <div class="col-sm-12 col-md-7">
                                        <input id="subject" type="text"
                                            class="form-control @error('subject') is-invalid @enderror" name="subject"
                                            value="{{ old('subject') }}" autocomplete="subject" autofocus>
                                        @error('subject')
                                            <div class="text-danger pt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row mb-4">
                                    <label
                                        class="col-form-label text-md-right col-12 col-md-3 col-lg-3">{{ __('Description') }}:*</label>
                                    <div class="col-sm-12 col-md-7">
                                        <textarea id="ticket_message" class="summernote @error('message') is-invalid @enderror" name="message">{{ old('message') }}</textarea>
                                        @error('message')
                                            <div class="text-danger pt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="form-group row mb-4">
                                <label
                                    class="col-form-label text-md-right col-12 col-md-3 col-lg-3">{{ __('(Attach multiple files.)') }}:</label>
                                <div class="col-sm-12 col-md-7">
                                    <input id="input-2" name="attachments[]" type="file" class="form-control file"
                                        multiple data-show-upload="true" data-show-caption="true">
                                    @error('attachments.*')
                                        <div class="text-danger pt-1">{{ $message }}</div>
                                    @enderror
                                    <small class="text-success"><i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                        {{ __('The attachments must be a file of type: ') }}{{ $extension }}.
                                    </small>
                                </div>
                            </div>

                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
                                <div class="col-sm-12 col-md-7">
                                    <button type="submit" class="btn btn-custom">{{ __('Add') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection