@extends('admin.layouts.app')

@section('styles')
  <style>
    .error {
      color: red;
    }
    .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
      min-height: 56px;
      border: 1px solid #E6E6E6;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 16px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 52px;
    }
  </style>
@endsection
@section('content')
@php 
  if ($sessionKeywords = session('oldKeywords')) {
    $keywords = [];
    foreach ($sessionKeywords as $sessionKeyword) {
      $keywords[$sessionKeyword] = $sessionKeyword;
    }
  }
@endphp
  <div class=" content-body default-height">
    <div class="container-fluid">
      @if (isset($flow))
          <div class="page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">@lang('admin.dashboard')</a></li>
                <li class="breadcrumb-item"><a href="{{route('admin.reports.flows.index')}}">@lang('user.flows')</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">@lang('user.edit')</a></li>
            </ol>
          </div>
      @else
        <div class="page-titles">
          <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">@lang('admin.dashboard')</a></li>
              <li class="breadcrumb-item"><a href="{{route('admin.reports.flows.index')}}">@lang('user.flows')</a></li>
              <li class="breadcrumb-item active"><a href="javascript:void(0)">@lang('user.create')</a></li>
          </ol>
        </div>
      @endif
      <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card">
                <div class="card-header">
                    <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))
                        @php $disabled = 'disabled'; @endphp
                        {{ Form::model($flow, ['route' => ['admin.reports.flows.update', $flow['id']], 'method' => 'put', 'id' => 'flowsForm']) }}
                    @else
                        @php $disabled = ''; @endphp
                        {{ Form::open(['route' => 'admin.reports.flows.store', 'method' => 'post', 'id' => 'flowsForm']) }}
                    @endif
                    @csrf
                    <div class="row mb-3">
                      <div class="col-md-6">
                        <label for="business_id" class="form-label">{{ __('admin.business_name') }}</label>
                        {{ Form::select('business_id', ['' => ' '] + $businesses, null, ['class' => 'form-control business_id', 'required' => 'required', 'data-placeholder' => ' ', $disabled]) }}
                      </div>
                      <div class="col-md-6">
                        <label for="name" class="form-label">{{ __('user.name') }}</label>
                        {{ 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>
                        {{ Form::textarea('description', null, ['class' => 'form-control', 'rows' => '3']) }}
                      </div>
                      <div class="col-md-6">
                        <label for="trigger_keywords" class="form-label">{{ __('user.trigger_keywords') }}</label>
                        {{ 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="partial_match" class="form-label">{{ __('user.match_way') }}</label>
                        {{ Form::select('partial_match', ['0' => __('user.full_match'), '1' => __('user.partial_match')], null, ['class' => 'form-control', 'required']) }}
                      </div>
                      <div class="col-md-6">
                        <label for="status" class="form-label">{{ __('admin.status') }}</label>
                        {{ Form::select('status', ['0' => __('user.Inactive'), '1' => __('user.active')], null, ['class' => 'form-control']) }}
                      </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <button class="btn btn-primary btn-lg" type="submit">{{ __('user.submit') }}</button>
                            <a href="{{ route('admin.reports.flows.index') }}"
                                class="btn btn-secondary btn-lg">{{ __('user.cancel') }}</a>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </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
    });
    $(".business_id").select2();
  </script>
@endpush