@extends('layouts.app')
@section('title', $page_title)

@section('styles')

@endsection

@push('scripts')
<script src="{{asset('assets/js/app.js')}}"></script>
@endpush

@php $attributes = json_decode($segment->attributes) @endphp
@section('content')
<div class="row">
  <div class="col-12">
    <div class="card custom-card">
      <div class="card-body">
        <form method="post" action="{{route('list_segmentations.update', $segment->id)}}" class="needs-validation" novalidate>
          @csrf
          @method('PUT')
          <input type="hidden" name="type" value="{{ $segment->type ?? 'Campaign' }}">
          
          <!-- Basic Information Section -->
          <div class="row mb-3">
            <div class="col-12">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.name')}}</label>
                <input type="text" class="form-control" placeholder="{{__('app.name')}}" id="name" name="name" value="{{ $segment->name }}" required>
                <div class="invalid-feedback">{{__('app.name_required')}}</div>
              </div>
            </div>
            <div class="col-12">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.campaigns')}}
                  <a tabindex="-1" role="button" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="right" 
                     title="{{__('app.campaigns')}}" data-bs-content="{{__('app.segmentation_campaigns_help')}}" 
                     data-bs-custom-class="header-primary" class="text-primary ms-1">
                    <i class="bi bi-question-circle"></i>
                  </a>
                </label>
                @php $schedule_campaign_stat_ids = isset($attributes->schedule_campaign_stat_ids) ? $attributes->schedule_campaign_stat_ids : (isset($attributes->campaign_ids) ? $attributes->campaign_ids : []) @endphp
                @include('includes.dropdown_campaigns', ['multiple' => 1, 'required' => 1])
              </div>
            </div>
            <div class="col-md-12">
              <label class="form-label fw-semibold">{{ __('app.criteria') }}
                <a tabindex="-1" role="button"
                  data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="right" title="{{__('app.criteria')}}"
                  data-bs-content="{{__('app.trigger_criteria_help')}}" data-bs-custom-class="header-primary"><i class="bi bi-question-square text-primary"></i>
                </a>
              </label>
              <select class="form-select form-select-lg" name="action_campaign" id="action-campaign" required>
                <option value="both" {{ !empty($attributes->action_campaign) && $attributes->action_campaign == 'both' ? 'selected' : '' }}>{{ __('app.both_open_not_open') }}</option>
                <option value="is_opened" {{ !empty($attributes->action_campaign) && $attributes->action_campaign == 'is_opened' ? 'selected' : '' }}>{{ __('app.is_opened') }}</option>
                <option value="is_not_opened" {{ !empty($attributes->action_campaign) && $attributes->action_campaign == 'is_not_opened' ? 'selected' : '' }}>{{ __('app.is_not_opened') }}</option>
                <option value="is_clicked" {{ !empty($attributes->action_campaign) && $attributes->action_campaign == 'is_clicked' ? 'selected' : '' }}>{{ __('app.is_clicked') }}</option>
                <option value="is_replied" {{ !empty($attributes->action_campaign) && $attributes->action_campaign == 'is_replied' ? 'selected' : '' }}>{{ __('app.is_replied') }}</option>
              </select>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.allow_unsub')}}
                  <a tabindex="-1" role="button" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="right" 
                     title="{{__('app.allow_unsub')}}" data-bs-content="{{__('app.segmentation_allow_unsub_help')}}" 
                     data-bs-custom-class="header-primary" class="text-primary ms-1">
                    <i class="bi bi-question-circle"></i>
                  </a>
                </label>
                <select name="allow_unsub" class="form-select form-select-lg">
                  <option value="Yes" {{ !empty($attributes->allow_unsub) && $attributes->allow_unsub == 'Yes' ? 'selected' : '' }}>{{ __('app.yes') }}</option>
                  <option value="No" {{ !empty($attributes->allow_unsub) && $attributes->allow_unsub == 'No' ? 'selected' : '' }}>{{ __('app.no')}}</option>			          
                </select>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.allow_bounced')}}
                  <a tabindex="-1" role="button" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="right" 
                     title="{{__('app.allow_bounced')}}" data-bs-content="{{__('app.segmentation_allow_bounced_help')}}" 
                     data-bs-custom-class="header-primary" class="text-primary ms-1">
                    <i class="bi bi-question-circle"></i>
                  </a>
                </label>
                <select name="allow_bounced" class="form-select form-select-lg">
                  <option value="Yes" {{ !empty($attributes->allow_bounced) && $attributes->allow_bounced == 'Yes' ? 'selected' : '' }}>{{ __('app.yes') }}</option>
                  <option value="No" {{ !empty($attributes->allow_bounced) && $attributes->allow_bounced == 'No' ? 'selected' : '' }}>{{ __('app.no')}}</option>			          
                </select>
              </div>
            </div>
          </div>

          <!-- Action Buttons -->
          <div class="row">
            <div class="col-12">
              <div class="d-flex gap-2 justify-content-start">
                <button type="submit" name="save" class="btn btn-primary btn-loading">
                  <i class="bi bi-check-lg me-1"></i>{{__('app.update')}}
                </button>
                <a href="{{route('campaign_segmentations.index')}}" class="btn btn-light">
                  <i class="bi bi-arrow-left me-1"></i>{{__('app.cancel')}}
                </a>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<span id="segment_delete_msg" data-value="{{ __('app.segment_delete_msg')}}"></span>
@endsection