@extends('Layouts.frontLayout',['classBody'=>"page-template-default page  logged-in setinco page-wrapper-account page-wrapper-page  container-max-width show-bottom-nav"])
@section('title')
{{__('Insert Ticket')}}
@endsection

@section('content')
<style>
.d-none{    display: none;}
</style>
    <main id="main">
      <div class="container container-single-post">
        <nav class="breadcrumb">
          <nav class="page-wrapper-breadcrumb breadcrumb">
          <a href="/">{{__('Home')}}</a>&nbsp;&#47;&nbsp; <a href="#">{{__('Dashboard')}}</a>{{__('Ticket')}} 
          </nav>
        </nav>
        <div class="row">
          <div class="col-12  post-main-content">
            <article class="post-single post-12 page type-page status-publish hentry">
              <header class="post-header">
                <h1 class="post-title">{{__('Insert Ticket')}} </h1>
                </h1>
              </header>
              <div class="post-content">
                <div class="page-wrapper">
                  <div class="my-account-content">
				  @include('Front.Account.menu')
                    <div class="page-wrapper-panel-content">
                      <div class="page-wrapper-notices-wrapper"></div>
                      <form enctype="multipart/form-data"  method="POST" action="{{route('Front.ticket.ticketStore')}}" >
					   @csrf
                        <h3>
                          <div class="content-title">
                            <span>{{__('Insert Ticket')}}</span>
                          </div>
                        </h3>
                        <div class="page-wrapper-address-fields">
                          <div class="page-wrapper-address-fields__field-wrapper">
 
						  
                            <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('subject') ? ' is-invalid' : '' }} ">
                            <label for="subject">{{__('Subject')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="subject" id="subject" autocomplete="subject" value="{{ old('subject') }}"  />
							  @if ($errors->has('subject'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('subject') }}</strong>
                                 </span>
                               @endif
                          </p>
	 
	 
 						      <p class="form-row form-row-wide address-field validate-required validate-state {{ $errors->has('department') ? ' is-invalid' : '' }}"  id="billing_state_field" data-priority="50">
                              <label for="department" class="">{{__('Department')}}&nbsp; <abbr class="required" title="{{__('Required')}}">*</abbr>
                              </label>
                              <span class="page-wrapper-input-wrapper">
                                <select name="department" id="department" class="department select_2" autocomplete="department" data-placeholder="{{__('Select')}}" data-input-classes="" data-label="{{__('Department')}}" onchange="getFilds(this)" >
								 <option value="">{{__('Select')}}</option>
                                      @foreach($data['departments'] as $item)
                                      <option value="{{$item->id}}">{{$item->name}}</option>
                                       @endforeach
                                </select>
								  @if ($errors->has('department'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('department') }}</strong>
                                 </span>
                               @endif
                              </span>
                            </p>
					 <div class="row mb-4 fildParend d-none">
                    <label for="subject" class="col-sm-3 col-form-label form-label">{{__('Items')}}</label>

                    <div class="col-sm-9 filds">
                    </div>
                  </div>
				  
				   		  <p class="form-row form-row-wide address-field validate-required validate-state {{ $errors->has('priority') ? ' is-invalid' : '' }}"  id="billing_state_field" data-priority="50">
                              <label for="priority" class="">{{__('Priority')}}  <abbr class="required" title="{{__('Required')}}">*</abbr>
                              </label>
                              <span class="page-wrapper-input-wrapper">
                                <select name="priority" id="priority" class="priority select_2" autocomplete="priority" data-placeholder="{{__('Select')}}" data-input-classes="" data-label="{{__('Priority')}}">
								 <option value="">{{__('Select')}}</option>
                                      @foreach(Config::get('priorityTicket') as $key=>$item)
                                      <option value="{{$key}}">{{__($item)}}</option>
                                      @endforeach
                                </select>
								  @if ($errors->has('priority'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('priority') }}</strong>
                                 </span>
                               @endif
                              </span>
                            </p>
							
						 <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('text') ? ' is-invalid' : '' }} ">
                            <label for="text">{{__('Text')}}<span class="required">*</span>
                            </label>
                           <textarea type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="text" id="text" autocomplete="text" value="{{ old('text') }}"  /></textarea>
							  @if ($errors->has('text'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('text') }}</strong>
                                 </span>
                               @endif
                          </p>
						  
 
 						      <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('file') ? ' is-invalid' : '' }} ">
                            <label for="file">{{__('File')}}
                            </label>
                           <input type="file" class="page-wrapper-file page-wrapper-file--text file-text" name="file" id="file" autocomplete="file"  />
							  @if ($errors->has('file'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('file') }}</strong>
                                 </span>
                               @endif
                          </p>
 
 
                          </div>
                          <p>
                            <button type="submit" class="button lara-element-button" name="save_address" value="{{__('Save')}}">{{__('Save')}}</button>
 
                          </p>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </main>
	@endsection
 @section('script')
    <script>
 
        function getFilds(thisI) {
            var id = $(thisI).val();
            $.ajax({
                'url': '/account/ticketGetFilds/' + id,
                'type': 'GET',
                'data': {},
                async: false,
                'success': function (data) {
                    $('.filds').html('');
                    if (data.filds.length > 0) {
                        $('.fildParend').removeClass('d-none')
                    } else {
                        $('.fildParend').addClass('d-none')

                    }
                    $.each(data.filds, function (index, value) {
                      var tag = '<div class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide mb-3"><input type="text" placeholder="' + value.title + '"  name="filds[' + value.id + ']"  class="form-control"/></div>';
					  $('.filds').append(tag);
                    });
                }
            });
        }


    </script>
	@endsection