@extends('web.layouts.app')

@push('styles')
  <style>
    .error {
      color: red;
    }
  </style>
@endpush
@section('content')
@php 
  if ($sessionKeywords = session('oldKeywords')) {
    $keywords = [];
    foreach ($sessionKeywords as $sessionKeyword) {
      $keywords[$sessionKeyword] = $sessionKeyword;
    }
  }
@endphp
    <div class="main-chat-container w-100 ml-md-5 overflow-hidden">
        <div class="p-3 p-lg-4 border-top mb-0 main-chat-container-in">
            <div class="row">
                <div class="col-xl-12 col-lg-12">
                    <div class="card">
                        <div class="card-header" style="display: flex;justify-content: space-between;">
                            <h4 class="card-title">
                              @if (isset($flow))
                                @lang('user.edit')
                              @else
                                @lang('user.create')
                              @endif
                            </h4>
                        </div>
                        <div class="card-body">
                            @if (session('error'))
                              <div class="alert alert-danger">
                                {{ session('error') }}
                              </div>
                            @endif
                            @if (isset($flow))
                                {{ Form::model($flow, ['route' => ['web.flows.update', $flow['id']], 'method' => 'put', 'id' => 'flowsForm']) }}
                            @else
                                {{ Form::open(['route' => 'web.flows.store', 'method' => 'post', 'id' => 'flowsForm']) }}
                            @endif
                            @csrf
                            <div class="row mb-3">
                              <div class="col-md-6">
                                  <label for="name" class="form-label">{{ __('user.name') }}</label>
                              </div>
                              <div class="col-md-6">
                                {{ Form::text('name', null, ['class' => 'form-control', 'required' => 'required']) }}
                              </div>
                            </div>
                            <div class="row mb-3">
                              <div class="col-md-6">
                                  <label for="description" class="form-label">{{ __('user.description') }}</label>
                              </div>
                              <div class="col-md-6">
                                {{ Form::textarea('description', null, ['class' => 'form-control', 'rows' => '3']) }}
                              </div>
                            </div>
                            <div class="row mb-3">
                              <div class="col-md-6">
                                  <label for="priority" class="form-label">{{ __('user.trigger_keywords') }}</label>
                              </div>
                              <div class="col-md-6">
                                {{ Form::select('trigger_keywords[]', $keywords, $keywords, ['class' => 'form-control trigger_keywords', 'required' => 'required', 'multiple' => 'multiple']) }}
                              </div>
                            </div>
                            <div class="row mb-3">
                              <div class="col-md-6">
                                  <label for="name" class="form-label">{{ __('user.match_way') }}</label>
                              </div>
                              <div class="col-md-6">
                                {{ Form::select('partial_match', ['0' => __('user.full_match'), '1' => __('user.partial_match')], null, ['class' => 'form-control', 'required']) }}
                              </div>
                            </div>
                            @if (isset($flow))
                              <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="name" class="form-label">{{ __('user.status') }}</label>
                                </div>
                                <div class="col-md-6">
                                  {{ Form::select('status', ['1' => __('user.active'), '0' => __('user.Inactive')], null, ['class' => 'form-control', 'required']) }}
                                </div>
                              </div>
                            @endif
                            <div class="row">
                                <div class="col-md-12">
                                    <button class="btn btn-primary btn-lg" type="submit">{{ __('user.submit') }}</button>
                                    <a href="{{ route('web.flows.index') }}"
                                        class="btn btn-secondary btn-lg">{{ __('user.cancel') }}</a>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-form-pane main-chat-note fade show active" id="pills-note" role="tabpanel"
        aria-labelledby="pills-note-tab">
        <div class="px-4 ">
            <div class="note-sidebar">
                <div class="note-title">
                    <h4>@lang('user.note')</h4>
                </div>
                <div class="note-content">
                    <p>
                      @lang('notes.flow_note')
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
  <script>
    $("#flowsForm").validate();
    $(".trigger_keywords").select2({
      tags: true
    });
  </script>
@endpush