@extends('layouts.app')

@section('head')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet" />
    <style type="text/css">
        /* Readonly select2:  https://github.com/select2/select2/issues/3387#issuecomment-104961591*/
        select[readonly].select2-hidden-accessible + .select2-container {
          pointer-events: none;
          touch-action: none;
        }
          .select2-selection {
            background: #eee;
            box-shadow: none;
          }

          .select2-selection__arrow,
          .select2-selection__clear {
            display: none;
          }

    </style>
@endsection

@section('breadcrumb')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-primary">@lang('Add New Ticket')</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('tickets.index') }}">@lang('Tickets')</a></li>
            <li class="breadcrumb-item active">@lang('Create')</li>
        </ol>
    </div>
</div>
@endsection

@section('content')

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <strong>@lang('Whoops!')</strong> @lang('There were some problems with your input.')<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <form action="{{ route('tickets.store') }}" method="POST">
    	@csrf
        <input type="hidden" name="requester" value="{{ Auth::user()->id }}">
        <input type="hidden" name="author" value="{{ Auth::user()->id }}">
        <input type="hidden" name="company" value="{{ Auth::user()->company }}">
        <input type="hidden" name="priority" value="{{ $priorities->where('name', 'medium')->first()->id }}">
         <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6">
                <div class="form-group required">
                    <label class="control-label">@lang('Status'):</label>
                    {!! Form::select('status', $statuses->pluck('name', 'id'), $statuses->where('name', 'Открыто'), ['class' => 'form-control', 'required', 'readonly']) !!}
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6">
                <div class="form-group">
                    <label class="control-label">Клиент:</label>
                    <select name="company" class="form-control">
                        @foreach (Auth::user()->companies as $company)
                            <option value="{{ $company->id }}">{{ $company->name }}</option>
                        @endforeach
                    </select>
                    <small class="form-control-feedback"> @lang('This ticket will be attached to this client. It will be available to other users within the client.')</small>
                </div>
            </div>
		    <div class="col-xs-12 col-sm-12 col-md-12">
		        <div class="form-group required">
                    <label class="control-label">@lang('Subject'):</label>
		            <input type="text" name="subject" class="form-control" required>
		        </div>
		    </div>
		    <div class="col-xs-12 col-sm-12 col-md-12">
		        <div class="form-group required">
                    <label class="control-label">@lang('Description'): </label>
		            <textarea class="form-control" style="height:initial;    resize: vertical;" name="description"  required></textarea>
		        </div>
		    </div>
            @foreach ($fields as $field)
            <div class="col-xs-12 col-sm-12 col-md-6">
                <div class="form-group {{ $field->required ? 'required' : '' }}">
                    {{-- <strong>{{ $field->label }} @if($field->required) * @endif:</strong> --}}
                    <label class="control-label">{{ $field->label }}: </label><br/>

                    @switch($field->type)
                        @case('text')
                            {!! Form::text('fields['.$field->id.']', null, ['class' => 'form-control', 'required' => $field->required]) !!}
                            @break
                        @case('textarea')
                            {!! Form::text('fields['.$field->id.']', null, ['class' => 'form-control', 'required' => $field->required]) !!}
                        @case('radio')
                            <!-- {!! Form::radio('fields['.$field->id.']', $field->options->pluck('id')) !!} -->
                        @case('checkbox')
                            <!-- {!! Form::checkbox('fields['.$field->id.']', $field->options->pluck('id')) !!} {{ $field->options->pluck('label') }} -->
                        @case('date')
                            <!-- {!! Form::date('fields['.$field->id.']', null, ['class' => 'form-control', 'required' => $field->required]) !!} -->
                            @break
                        @case('dropdown')
                            {!! Form::select('fields['.$field->id.']', $field->options->pluck('label', 'id'), null, ['class' => 'form-control', ($field->required ? 'required' : ''), 'placeholder' => '']) !!}
                            @break
                        @case('number')
                            <!-- {!! Form::number('fields['.$field->id.']') !!} -->
                            @break
                        @default
                            @break
                    @endswitch
                    <p>{{ $field->description }}</p>
                </div>
            </div>
            @endforeach

		    <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                <button type="submit" class="btn btn-primary">@lang('Submit')</button>
		    </div>
		</div>
    </form>


@endsection
@push('scripts')
    <script src="{{ asset('vendor/select2/js/select2.full.js') }}"></script>
    <script src="{{ asset('vendor/select2/js/i18n/ru.js') }}"></script>
    <script type="text/javascript">
        $(function () {

            /* Toggle new user form */
            $('select[name="requester"]').change(function() {
                if ($(this).val() == '-1') {
                    $('#create-user').show(100);
                } else {
                    $('#create-user').hide(100);
                }
            });

            /* Toggle new user form */
            $('select[name="company"]').change(function() {
                if ($(this).val() == '-1') {
                    $('#create-company').show(100);
                } else {
                    $('#create-company').hide(100);
                }
            });
            $('select').select2({
              // placeholder: 'This is my placeholder',
              allowClear: true
            });
        });
    </script>
@endpush