<?php $__env->startSection('title', __('locale.menu.Campaign Builder')); ?>
<?php $__env->startSection('vendor-style'); ?>
<!-- vendor css files -->
<link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/forms/select/select2.min.css'))); ?>">
<link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css'))); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('page-style'); ?>
<link rel="stylesheet" href="<?php echo e(asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css'))); ?>">
<style>
.customized_select2 .select2-selection--multiple {
border-left: 0;
border-radius: 0 4px 4px 0;
min-height: 2.75rem !important;
}
.customized_select2 .select2-selection--single, .input_sender_id {
border-left: 0;
border-radius: 0 4px 4px 0;
min-height: 2.75rem !important;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<!-- Basic Vertical form layout section start -->
<section id="basic-vertical-layouts campaign_builder">
<div class="row match-height">
<div class="col-md-8 col-12">
<div class="card">
<div class="card-content">
<div class="card-body">
<form class="form form-vertical" action="<?php echo e(route('customer.whatsapp.campaign_builder')); ?>" method="post" enctype="multipart/form-data">
<?php echo csrf_field(); ?>
<div class="row">
<div class="col-12">
<div class="mb-1">
<label for="name" class="required form-label"><?php echo e(__('locale.labels.name')); ?></label>
<input type="text"
id="name"
class="form-control <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
value="<?php echo e(old('name')); ?>"
name="name" required
placeholder="<?php echo e(__('locale.labels.required')); ?>" autofocus>
<?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label for="sending_server" class="form-label required"><?php echo e(__('locale.labels.sending_server')); ?></label>
<select class="select2 form-select" name="sending_server">
<?php $__currentLoopData = $sending_server; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $server): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($server->id); ?>"> <?php echo e($server->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
<?php $__errorArgs = ['sending_server'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<?php if(auth()->user()->customer->getOption('sender_id_verification') == 'yes'): ?>
<div class="col-12">
<p class="text-uppercase"><?php echo e(__('locale.labels.originator')); ?></p>
</div>
<?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('view_sender_id')): ?>
<div class="col-md-6 col-12 customized_select2">
<div class="mb-1">
<label for="sender_id" class="form-label"><?php echo e(__('locale.labels.sender_id')); ?></label>
<div class="input-group">
<div class="input-group-text">
<div class="form-check">
<input type="radio" class="form-check-input sender_id" name="originator" checked value="sender_id" id="sender_id_check"/>
<label class="form-check-label" for="sender_id_check"></label>
</div>
</div>
<div style="width: 17rem">
<select class="form-select select2" id="sender_id" name="sender_id[]">
<?php $__currentLoopData = $sender_ids; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sender_id): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($sender_id->sender_id); ?>"> <?php echo e($sender_id->sender_id); ?> </option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php else: ?>
<?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('view_numbers')): ?>
<div class="col-md-6 col-12 customized_select2">
<div class="mb-1">
<label for="sender_id" class="form-label"><?php echo e(__('locale.labels.sender_id')); ?></label>
<div class="input-group">
<div class="input-group-text">
<div class="form-check">
<input type="radio" class="form-check-input sender_id" name="originator" checked value="sender_id" id="sender_id_check"/>
<label class="form-check-label" for="sender_id_check"></label>
</div>
</div>
<div style="width: 17rem">
<input type="text" id="sender_id"
class="form-control input_sender_id <?php $__errorArgs = ['sender_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
name="sender_id[]">
</div>
</div>
</div>
</div>
<?php else: ?>
<div class="col-12">
<div class="mb-1">
<label for="sender_id" class="form-label"><?php echo e(__('locale.labels.sender_id')); ?></label>
<input type="text" id="sender_id"
class="form-control <?php $__errorArgs = ['sender_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
name="sender_id[]">
<?php $__errorArgs = ['sender_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
<?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('view_numbers')): ?>
<div class="col-md-6 col-12 customized_select2">
<div class="mb-1">
<label for="phone_number" class="form-label"><?php echo e(__('locale.menu.Phone Numbers')); ?></label>
<div class="input-group">
<div class="input-group-text">
<div class="form-check">
<input type="radio" class="form-check-input phone_number" value="phone_number" name="originator" id="phone_number_check"/>
<label class="form-check-label" for="phone_number_check"></label>
</div>
</div>
<div style="width: 17rem">
<select class="form-select select2" disabled id="phone_number" name="phone_number[]" multiple>
<?php $__currentLoopData = $phone_numbers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $number): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($number->number); ?>"> <?php echo e($number->number); ?> </option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
</div>
</div>
<?php endif; ?>
<div class="col-12">
<div class="mb-1">
<label for="contact_groups" class="form-label"><?php echo e(__('locale.contacts.contact_groups')); ?></label>
<select class="select2 form-select" name="contact_groups[]" multiple="multiple">
<?php $__currentLoopData = $contact_groups; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $group): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($group->id); ?>"> <?php echo e($group->name); ?>
(<?php echo e(\App\Library\Tool::number_with_delimiter($group->subscribersCount($group->cache))); ?> <?php echo e(__('locale.menu.Contacts')); ?>)
</option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
<?php $__errorArgs = ['contact_groups'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label class="country_code form-label"><?php echo e(__('locale.labels.country_code')); ?></label>
<select class="form-select select2" id="country_code" name="country_code">
<option value="0"><?php echo e(__('locale.labels.remaining_in_number')); ?></option>
<?php $__currentLoopData = $coverage; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $code): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($code->country_id); ?>"> +<?php echo e($code->country->country_code); ?> </option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<?php $__errorArgs = ['country_code'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
<div class="col-12">
<div class="mb-1">
<label for="recipients" class="form-label"><?php echo e(__('locale.labels.manual_input')); ?></label>
<textarea class="form-control" id="recipients" name="recipients"></textarea>
<p><small class="text-uppercase">
<?php echo e(__('locale.labels.total_number_of_recipients')); ?>:<span class="number_of_recipients fw-bold text-success">0</span>
</small></p>
<?php $__errorArgs = ['recipients'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<div class="btn-group btn-group-sm recipients" role="group">
<input type="radio" class="btn-check" name="delimiter" value="," id="comma" autocomplete="off" checked/>
<label class="btn btn-outline-primary" for="comma">, (<?php echo e(__('locale.labels.comma')); ?>)</label>
<input type="radio" class="btn-check" name="delimiter" value=";" id="semicolon" autocomplete="off"/>
<label class="btn btn-outline-primary" for="semicolon">; (<?php echo e(__('locale.labels.semicolon')); ?>)</label>
<input type="radio" class="btn-check" name="delimiter" value="|" id="bar" autocomplete="off"/>
<label class="btn btn-outline-primary" for="bar">| (<?php echo e(__('locale.labels.bar')); ?>)</label>
<input type="radio" class="btn-check" name="delimiter" value="tab" id="tab" autocomplete="off"/>
<label class="btn btn-outline-primary" for="tab"><?php echo e(__('locale.labels.tab')); ?></label>
<input type="radio" class="btn-check" name="delimiter" value="new_line" id="new_line" autocomplete="off"/>
<label class="btn btn-outline-primary" for="new_line"><?php echo e(__('locale.labels.new_line')); ?></label>
</div>
<?php $__errorArgs = ['delimiter'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
<p>
<small class="text-primary"><?php echo __('locale.description.manual_input'); ?> <?php echo __('locale.contacts.include_country_code_for_successful_import'); ?></small>
</p>
</div>
<div class="col-md-6 col-12">
<div class="mb-1">
<label class="sms_template form-label"><?php echo e(__('locale.permission.sms_template')); ?></label>
<select class="form-select select2" id="sms_template">
<option><?php echo e(__('locale.labels.select_one')); ?></option>
<?php $__currentLoopData = $templates; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $template): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($template->id); ?>"><?php echo e($template->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<div class="col-md-6 col-12">
<div class="mb-1">
<label class="form-label"><?php echo e(__('locale.labels.available_tag')); ?></label>
<select class="form-select select2" id="available_tag">
<option value="phone"><?php echo e(__('locale.labels.phone')); ?></option>
<option value="first_name"><?php echo e(__('locale.labels.first_name')); ?></option>
<option value="last_name"><?php echo e(__('locale.labels.last_name')); ?></option>
<option value="email"><?php echo e(__('locale.labels.email')); ?></option>
<option value="username"><?php echo e(__('locale.labels.username')); ?></option>
<option value="company"><?php echo e(__('locale.labels.company')); ?></option>
<option value="address"><?php echo e(__('locale.labels.address')); ?></option>
<option value="birth_date"><?php echo e(__('locale.labels.birth_date')); ?></option>
<option value="anniversary_date"><?php echo e(__('locale.labels.anniversary_date')); ?></option>
<?php if($template_tags): ?>
<?php $__currentLoopData = $template_tags; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $field): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($field->tag); ?>"><?php echo e($field->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</select>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label for="message" class="required form-label"><?php echo e(__('locale.labels.message')); ?></label>
<textarea class="form-control" name="message" rows="5" id="message"></textarea>
<div class="d-flex justify-content-between">
<small class="text-primary text-uppercase text-start" id="remaining">160 <?php echo e(__('locale.labels.characters_remaining')); ?></small>
<small class="text-primary text-uppercase text-end" id="messages">1 <?php echo e(__('locale.labels.message')); ?> (s)</small>
</div>
<?php $__errorArgs = ['message'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label for="mms_file" class="form-label"><?php echo e(__('locale.labels.mms_file')); ?></label>
<input type="file" name="mms_file" class="form-control" id="mms_file" accept="image/*,video/*"/>
<?php $__errorArgs = ['mms_file'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<div class="text-danger">
<?php echo e($message); ?>
</div>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<div class="form-check form-check-inline">
<input type="checkbox" class="form-check-input schedule" value="true" name="schedule" <?php echo e(old('schedule') == true ? "checked" : null); ?>>
<label class="form-check-label"><?php echo e(__('locale.campaigns.schedule_campaign')); ?>?</label>
</div>
<p><small class="text-primary px-2"><?php echo e(__('locale.campaigns.schedule_campaign_note')); ?></small></p>
</div>
</div>
</div>
<div class="row schedule_time">
<div class="col-md-6">
<div class="mb-1">
<label for="schedule_date" class="form-label"><?php echo e(__('locale.labels.date')); ?></label>
<input type="text" id="schedule_date" name="schedule_date" class="form-control schedule_date" placeholder="YYYY-MM-DD"/>
<?php $__errorArgs = ['schedule_date'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="time" class="form-label"><?php echo e(__('locale.labels.time')); ?></label>
<input type="text" id="time" class="form-control flatpickr-time text-start" name="schedule_time" placeholder="HH:MM"/>
<?php $__errorArgs = ['schedule_time'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label for="timezone" class="form-label"><?php echo e(__('locale.labels.timezone')); ?></label>
<select class="form-select select2" id="timezone" name="timezone">
<?php $__currentLoopData = \App\Library\Tool::allTimeZones(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $timezone): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($timezone['zone']); ?>" <?php echo e(Auth::user()->timezone == $timezone['zone'] ? 'selected': null); ?>> <?php echo e($timezone['text']); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
<?php $__errorArgs = ['timezone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<label for="frequency_cycle" class="form-label"><?php echo e(__('locale.labels.frequency')); ?></label>
<select class="form-select" id="frequency_cycle" name="frequency_cycle">
<option value="onetime" <?php echo e(old('frequency_cycle')); ?>> <?php echo e(__('locale.labels.one_time')); ?></option>
<option value="daily" <?php echo e(old('frequency_cycle')); ?>> <?php echo e(__('locale.labels.daily')); ?></option>
<option value="monthly" <?php echo e(old('frequency_cycle')); ?>> <?php echo e(__('locale.labels.monthly')); ?></option>
<option value="yearly" <?php echo e(old('frequency_cycle')); ?>> <?php echo e(__('locale.labels.yearly')); ?></option>
<option value="custom" <?php echo e(old('frequency_cycle')); ?>> <?php echo e(__('locale.labels.custom')); ?></option>
</select>
</div>
<?php $__errorArgs = ['frequency_cycle'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
<div class="col-sm-6 col-12 show-custom">
<div class="mb-1">
<label for="frequency_amount" class="form-label"><?php echo e(__('locale.plans.frequency_amount')); ?></label>
<input type="text"
id="frequency_amount"
class="form-control text-right <?php $__errorArgs = ['frequency_amount'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
name="frequency_amount"
value="<?php echo e(old('frequency_amount')); ?>"
>
<?php $__errorArgs = ['frequency_amount'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-sm-6 col-12 show-custom">
<div class="mb-1">
<label for="frequency_unit" class="form-label"><?php echo e(__('locale.plans.frequency_unit')); ?></label>
<select class="form-select" id="frequency_unit" name="frequency_unit">
<option value="day" <?php echo e(old('frequency_unit')); ?>> <?php echo e(__('locale.labels.day')); ?></option>
<option value="week" <?php echo e(old('frequency_unit')); ?>> <?php echo e(__('locale.labels.week')); ?></option>
<option value="month" <?php echo e(old('frequency_unit')); ?>> <?php echo e(__('locale.labels.month')); ?></option>
<option value="year" <?php echo e(old('frequency_unit')); ?>> <?php echo e(__('locale.labels.year')); ?></option>
</select>
</div>
<?php $__errorArgs = ['frequency_unit'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
<div class="col-md-6 show-recurring">
<div class="mb-1">
<label for="recurring_date" class="form-label"> <?php echo e(__('locale.labels.end_date')); ?></label>
<input type="text" id="recurring_date" name="recurring_date" class="form-control schedule_date" placeholder="YYYY-MM-DD"/>
<?php $__errorArgs = ['recurring_date'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
<div class="col-md-6 show-recurring">
<div class="mb-1">
<label for="recurring_time" class="form-label"><?php echo e(__('locale.labels.end_time')); ?></label>
<input type="text" id="recurring_time" class="form-control flatpickr-time text-start" name="recurring_time" placeholder="HH:MM"/>
<?php $__errorArgs = ['recurring_time'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
<p><small class="text-danger"><?php echo e($message); ?></small></p>
<?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mb-1">
<div class="form-check form-check-inline">
<input type="checkbox" name="advanced" class="form-check-input advanced" value="true">
<label class="form-check-label"><?php echo e(__('locale.labels.advanced')); ?></label>
</div>
</div>
</div>
</div>
<div class="row advanced_div">
<div class="col-12">
<div class="mb-1">
<div class="form-check form-check-inline">
<input type="checkbox" value="true" name="send_copy" class="form-check-input">
<label class="form-check-label"><?php echo e(__('locale.campaigns.send_copy_via_email')); ?></label>
</div>
</div>
</div>
<div class="col-12">
<div class="mb-1">
<div class="form-check form-check-inline">
<input type="checkbox" value="true" name="create_template" class="form-check-input">
<label class="form-check-label"><?php echo e(__('locale.campaigns.create_template_based_message')); ?></label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="hidden" value="whatsapp" name="sms_type" id="sms_type">
<input type="hidden" value="<?php echo e($plan_id); ?>" name="plan_id">
<button type="submit" class="btn btn-primary mt-1 mb-1"><i data-feather="send"></i> <?php echo e(__('locale.buttons.send')); ?>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic Vertical form layout section end -->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('vendor-script'); ?>
<!-- vendor files -->
<script src="<?php echo e(asset(mix('vendors/js/forms/select/select2.full.min.js'))); ?>"></script>
<script src="<?php echo e(asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js'))); ?>"></script>
<script src="<?php echo e(asset(mix('js/scripts/dom-rules.js'))); ?>"></script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('page-script'); ?>
<script src="<?php echo e(asset(mix('js/scripts/sms-counter.js'))); ?>"></script>
<script>
$(document).ready(function () {
$('.schedule_date').flatpickr({
minDate: "today",
dateFormat: "Y-m-d",
defaultDate: "<?php echo e(date('Y-m-d')); ?>",
});
$('.flatpickr-time').flatpickr({
enableTime: true,
noCalendar: true,
dateFormat: "H:i",
defaultDate: "<?php echo e(date('H:i')); ?>",
});
$(".sender_id").on("click", function () {
$("#sender_id").prop("disabled", !this.checked);
$("#phone_number").prop("disabled", this.checked);
});
$(".phone_number").on("click", function () {
$("#phone_number").prop("disabled", !this.checked);
$("#sender_id").prop("disabled", this.checked);
});
let schedule = $('.schedule'),
scheduleTime = $(".schedule_time");
if (schedule.prop('checked') === true) {
scheduleTime.show();
} else {
scheduleTime.hide();
}
$('.advanced_div').hide();
schedule.change(function () {
scheduleTime.fadeToggle();
});
$('.advanced').change(function () {
$('.advanced_div').fadeToggle();
});
$.createDomRules({
parentSelector: 'body',
scopeSelector: 'form',
showTargets: function (rule, $controller, condition, $targets, $scope) {
$targets.fadeIn();
},
hideTargets: function (rule, $controller, condition, $targets, $scope) {
$targets.fadeOut();
},
rules: [
{
controller: '#frequency_cycle',
value: 'custom',
condition: '==',
targets: '.show-custom',
},
{
controller: '#frequency_cycle',
value: 'onetime',
condition: '!=',
targets: '.show-recurring',
},
{
controller: '.message_type',
value: 'mms',
condition: '==',
targets: '.send-mms',
}
]
});
$(".select2").each(function () {
let $this = $(this);
$this.wrap('<div class="position-relative"></div>');
$this.select2({
// the following code is used to disable x-scrollbar when click in select input and
// take 100% width in responsive also
dropdownAutoWidth: true,
width: '100%',
dropdownParent: $this.parent()
});
});
let number_of_recipients_ajax = 0,
number_of_recipients_manual = 0,
$get_recipients = $('#recipients'),
$remaining = $('#remaining'),
$messages = $remaining.next(),
$get_msg = $("#message"),
merge_state = $('#available_tag'),
firstInvalid = $('form').find('.is-invalid').eq(0);
if (firstInvalid.length) {
$('body, html').stop(true, true).animate({
'scrollTop': firstInvalid.offset().top - 200 + 'px'
}, 200);
}
function get_delimiter() {
return $('input[name=delimiter]:checked').val();
}
function get_recipients_count() {
let recipients_value = $get_recipients[0].value.trim();
if (recipients_value) {
let delimiter = get_delimiter();
if (delimiter === ';') {
number_of_recipients_manual = recipients_value.split(';').length;
} else if (delimiter === ',') {
number_of_recipients_manual = recipients_value.split(',').length;
} else if (delimiter === '|') {
number_of_recipients_manual = recipients_value.split('|').length;
} else if (delimiter === 'tab') {
number_of_recipients_manual = recipients_value.split(' ').length;
} else if (delimiter === 'new_line') {
number_of_recipients_manual = recipients_value.split('\n').length;
} else {
number_of_recipients_manual = 0;
}
} else {
number_of_recipients_manual = 0;
}
let total = number_of_recipients_manual + Number(number_of_recipients_ajax);
$('.number_of_recipients').text(total);
}
$get_recipients.keyup(get_recipients_count);
$("input[name='delimiter']").change(function () {
get_recipients_count();
});
function isArabic(text) {
let pattern = /[\u0600-\u06FF\u0750-\u077F]/;
return pattern.test(text);
}
function get_character() {
if ($get_msg[0].value !== null) {
let data = SmsCounter.count($get_msg[0].value, true);
if (data.encoding === 'UTF16') {
if (isArabic($(this).val())) {
$get_msg.css('direction', 'rtl');
}
} else {
$get_msg.css('direction', 'ltr');
}
$remaining.text(data.remaining + " <?php echo __('locale.labels.characters_remaining'); ?>");
$messages.text(data.messages + " <?php echo __('locale.labels.message'); ?>" + '(s)');
}
}
merge_state.on('change', function () {
const caretPos = $get_msg[0].selectionStart;
const textAreaTxt = $get_msg.val();
let txtToAdd = this.value;
if (txtToAdd) {
txtToAdd = '{' + txtToAdd + '}';
}
$get_msg.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
});
$("#sms_template").on('change', function () {
let template_id = $(this).val();
$.ajax({
url: "<?php echo e(url('templates/show-data')); ?>" + '/' + template_id,
type: "POST",
data: {
_token: "<?php echo e(csrf_token()); ?>"
},
cache: false,
success: function (data) {
if (data.status === 'success') {
const caretPos = $get_msg[0].selectionStart;
const textAreaTxt = $get_msg.val();
let txtToAdd = data.message;
$get_msg.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos)).val().length;
get_character();
} else {
toastr['warning'](data.message, "<?php echo e(__('locale.labels.attention')); ?>", {
closeButton: true,
positionClass: 'toast-top-right',
progressBar: true,
newestOnTop: true,
rtl: isRtl
});
}
},
error: function (reject) {
if (reject.status === 422) {
let errors = reject.responseJSON.errors;
$.each(errors, function (key, value) {
toastr['warning'](value[0], "<?php echo e(__('locale.labels.attention')); ?>", {
closeButton: true,
positionClass: 'toast-top-right',
progressBar: true,
newestOnTop: true,
rtl: isRtl
});
});
} else {
toastr['warning'](reject.responseJSON.message, "<?php echo e(__('locale.labels.attention')); ?>", {
closeButton: true,
positionClass: 'toast-top-right',
progressBar: true,
newestOnTop: true,
rtl: isRtl
});
}
}
});
});
$get_msg.keyup(get_character);
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts/contentLayoutMaster', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/bouloter/sms/resources/views/customer/Campaigns/whatsAppCampaignBuilder.blade.php ENDPATH**/ ?>