@php

  $custom_status = false;
  $only_in_status = false;

  if(!empty($custom)){
    $custom_status = (bool)$custom;
  }

  if(!empty($only_in)){
    $only_in_status = (bool)$only_in;
  }

  if(empty($field) && $custom_status){
    $field = 'animation';
  }

  if(empty($label) && $custom_status){
    $label = 'Animazione CSS';
  }

  $animations_in = array(
      '' => array(
        'none' => 'Nessuno'
      ),
      'Attention seekers' => array(
        'bounce' => 'bounce',
        'flash' => 'flash',
        'pulse' => 'pulse',
        'rubberBand' => 'rubberBand',
        'shakeX' => 'shakeX',
        'shakeY' => 'shakeY',
        'headShake' => 'headShake',
        'swing' => 'swing',
        'tada' => 'tada',
        'wobble' => 'wobble',
        'jello' => 'jello',
        'heartBeat' => 'heartBeat'
      ),
      'Back entrances' => array(
        'backInDown' => 'backInDown',
        'backInLeft' => 'backInLeft',
        'backInRight' => 'backInRight',
        'backInUp' => 'backInUp'
      ),
      'Bouncing entrances' => array(
        'bounceIn' => 'bounceIn',
        'bounceInDown' => 'bounceInDown',
        'bounceInLeft' => 'bounceInLeft',
        'bounceInRight' => 'bounceInRight',
        'bounceInUp' => 'bounceInUp'
      ),
      'Fading entrances' => array(
        'fadeIn' => 'fadeIn',
        'fadeInDown' => 'fadeInDown',
        'fadeInDownBig' => 'fadeInDownBig',
        'fadeInLeft' => 'fadeInLeft',
        'fadeInLeftBig' => 'fadeInLeftBig',
        'fadeInRight' => 'fadeInRight',
        'fadeInRightBig' => 'fadeInRightBig',
        'fadeInUp' => 'fadeInUp',
        'fadeInUpBig' => 'fadeInUpBig',
        'fadeInTopLeft' => 'fadeInTopLeft',
        'fadeInTopRight' => 'fadeInTopRight',
        'fadeInBottomLeft' => 'fadeInBottomLeft',
        'fadeInBottomRight' => 'fadeInBottomRight'
      ),
      'Flippers' => array(
        'flip' => 'flip',
        'flipInX' => 'flipInX',
        'flipInY' => 'flipInY'
      ),
      'Lightspeed' => array(
        'lightSpeedInRight' => 'lightSpeedInRight',
        'lightSpeedInLeft' => 'lightSpeedInLeft',
      ),
      'Rotating entrances' => array(
        'rotateIn' => 'rotateIn',
        'rotateInDownLeft' => 'rotateInDownLeft',
        'rotateInDownRight' => 'rotateInDownRight',
        'rotateInUpLeft' => 'rotateInUpLeft',
        'rotateInUpRight' => 'rotateInUpRight'
      ),
      'Specials' => array(
        'hinge' => 'hinge',
        'jackInTheBox' => 'jackInTheBox',
        'rollIn' => 'rollIn',
      ),
      'Zooming entrances' => array(
        'zoomIn' => 'zoomIn',
        'zoomInDown' => 'zoomInDown',
        'zoomInLeft' => 'zoomInLeft',
        'zoomInRight' => 'zoomInRight',
        'zoomInUp' => 'zoomInUp'
      ),
      'Sliding entrances' => array(
        'slideInDown' => 'slideInDown',
        'slideInLeft' => 'slideInLeft',
        'slideInRight' => 'slideInRight',
        'slideInUp' => 'slideInUp'
      ),
  );

  $animations_out = array(
      '' => array(
        'none' => 'Nessuno'
      ),
      'Attention seekers' => array(
        'bounce' => 'bounce',
        'flash' => 'flash',
        'pulse' => 'pulse',
        'rubberBand' => 'rubberBand',
        'shakeX' => 'shakeX',
        'shakeY' => 'shakeY',
        'headShake' => 'headShake',
        'swing' => 'swing',
        'tada' => 'tada',
        'wobble' => 'wobble',
        'jello' => 'jello',
        'heartBeat' => 'heartBeat'
      ),
      'Back exits' => array(
        'backOutDown' => 'backOutDown',
        'backOutLeft' => 'backOutLeft',
        'backOutRight' => 'backOutRight',
        'backOutUp' => 'backOutUp'
      ),
      'Bouncing exits' => array(
        'bounceOut' => 'bounceOut',
        'bounceOutDown' => 'bounceOutDown',
        'bounceOutLeft' => 'bounceOutLeft',
        'bounceOutRight' => 'bounceOutRight',
        'bounceOutUp' => 'bounceOutUp'
      ),
      'Fading exits' => array(
        'fadeOut' => 'fadeOut',
        'fadeOutDown' => 'fadeOutDown',
        'fadeOutDownBig' => 'fadeOutDownBig',
        'fadeOutLeft' => 'fadeOutLeft',
        'fadeOutLeftBig' => 'fadeOutLeftBig',
        'fadeOutRight' => 'fadeOutRight',
        'fadeOutRightBig' => 'fadeOutRightBig',
        'fadeOutUp' => 'fadeOutUp',
        'fadeOutUpBig' => 'fadeOutUpBig',
        'fadeOutTopLeft' => 'fadeOutTopLeft',
        'fadeOutTopRight' => 'fadeOutTopRight',
        'fadeOutBottomRight' => 'fadeOutBottomRight',
        'fadeOutBottomLeft' => 'fadeOutBottomLeft'
      ),
      'Flippers' => array(
        'flip' => 'flip',
        'flipOutX' => 'flipOutX',
        'flipOutY' => 'flipOutY'
      ),
      'Lightspeed' => array(
        'lightSpeedOutRight' => 'lightSpeedOutRight',
        'lightSpeedOutLeft' => 'lightSpeedOutLeft'
      ),
      'Rotating exits' => array(
        'rotateOut' => 'rotateOut',
        'rotateOutDownLeft' => 'rotateOutDownLeft',
        'rotateOutDownRight' => 'rotateOutDownRight',
        'rotateOutUpLeft' => 'rotateOutUpLeft',
        'rotateOutUpRight' => 'rotateOutUpRight'
      ),
      'Specials' => array(
        'hinge' => 'hinge',
        'jackInTheBox' => 'jackInTheBox',
        'rollOut' => 'rollOut'
      ),
      'Zooming exits' => array(
        'zoomOut' => 'zoomOut',
        'zoomOutDown' => 'zoomOutDown',
        'zoomOutLeft' => 'zoomOutLeft',
        'zoomOutRight' => 'zoomOutRight',
        'zoomOutUp' => 'zoomOutUp'
      ),
      'Sliding exits' => array(
        'slideOutDown' => 'slideOutDown',
        'slideOutLeft' => 'slideOutLeft',
        'slideOutRight' => 'slideOutRight',
        'slideOutUp' => 'slideOutUp'
      ),
  );
@endphp

@if($custom_status)

<div class="form-group row mb-3">
  {!! Form::label($field, $label, ['class' => 'form-label']) !!}
  <div class="col-lg-4">
    {!! Form::select($field, $animations_in, (!isset($settings[$field]) ? 'none' : $settings[$field]), ['class' => 'form-select animation_custom_style_event']) !!}
  </div>
  <div class="col-lg-8">
    <div class="animation_style_example animation_custom_style_example">
      <button class="btn">Animate it</button>
    </div>
  </div>
</div>

@else

<div class="form-group row mb-3">
  {!! Form::label('animation_in_style', 'Animazione CSS in entrata', ['class' => 'form-label']) !!}
  <div class="col-lg-4">
    {!! Form::select('animation_in_style', $animations_in, (!isset($settings['animation_in_style']) ? 'none' : $settings['animation_in_style']), ['class' => 'form-select animation_in_style_event']) !!}
  </div>
  <div class="col-lg-8">
    <div class="animation_style_example animation_in_style_example">
      <button class="btn">Animate it</button>
    </div>
  </div>
</div>

@if($only_in_status === false)
<div class="form-group row mb-3">
  {!! Form::label('animation_out_style', 'Animazione CSS in uscita', ['class' => 'form-label']) !!}
  <div class="col-lg-4">
    {!! Form::select('animation_out_style', $animations_out, (!isset($settings['animation_out_style']) ? 'none' : $settings['animation_out_style']), ['class' => 'form-select animation_out_style_event']) !!}
  </div>
  <div class="col-lg-8">
    <div class="animation_style_example animation_out_style_example">
      <button class="btn">Animate it</button>
    </div>
  </div>
</div>
@endif

@endif