@extends('layouts.admin')
@php
    $isEdit = isset($notification) ? true : false;
    $isScheduled = ($isEdit && $notification->scheduled_date != null) ? 1 : 0;
@endphp

@section('css')
<style>
    .clearfix:after {
      content: " ";
      display: table;
      clear: both;
    }
    .emojionearea .emojionearea-picker {
        /*width: 600px !important;*/
    }
    .emojionearea .emojionearea-picker .emojionearea-wrapper {
        /*width: 600px !important;*/
    }
</style>
<link rel="stylesheet" href="{{ asset('assets/plugin/emojione/emojionearea.min.css') }}" />
@endsection
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{  $isEdit ? __('notifications.edit') :  __('notifications.add')  }}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('common.home') }}</a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('notifications.index')}}">{{ __('notifications.title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{  $isEdit ? __('notifications.edit') :  __('notifications.add')  }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="error-msg font-14"></div>
                {{ Form::open(['route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave' , 'class' =>  'd-flex __notification_form'])}}
                <div class="col-md-6 mt-3">
                        @if($isEdit)
                        @method('PUT')
                        {!! Form::hidden('resend',$resend ? 1 :0) !!}
                        @endif
                            <div class="col-md-12 col-sm-6">
                                <div class="row custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-sm-4">
                                        {{Form::label('user_type', __('notifications.users'), ['class' => 'control-label mb-2'])}}
                                    </div>
                                    <div class="col-6 col-xs-12 col-sm-8 d-flex  pl-0 pr-0" style="white-space: nowrap;">
                                        <div class="col-md-3 d-flex col-sm-4 ">
                                            {!! __('notifications.all') !!}{!! Form::radio('user_type',0, $isEdit && $notification->user_type == 0 ? 1 : 1 ,['class' => 'mx-2'])!!}
                                        </div>
                                        <div class="col-md-4 d-flex col-sm-4 ">
                                            {!! __('notifications.private') !!}{!! Form::radio('user_type',1, $isEdit && $notification->user_type == 1 ? 1 : 0 ,['class' => 'mx-2'])!!}
                                        </div>
                                        <div class="col-md-5 d-flex col-sm-4">
                                            {!! __('notifications.company') !!}{!! Form::radio('user_type',2, $isEdit && $notification->user_type == 2 ? 1 : 0 ,['class' => 'mx-2'])!!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-6">
                                <div class="row custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-sm-4">
                                        {{Form::label('send_to', __('notifications.send_to'), ['class' => 'control-label mb-2'])}}
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        {!! Form::select('send_to',pushType(), $isEdit ? $notification->send_to : 0,['class' => 'form-control' ])!!}
                                    </div>
                                </div>
                            </div>
                        @if(array_key_exists('4',pushType()))
                            <div class="col-md-12 col-sm-6 __select_users" @if(!$isEdit || $isEdit && $notification->send_to != '4' ) style="display: none" @endif>
                                <div class="row custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-sm-4">
                                        {{Form::label('users_ids[]', __('notifications.select_users'), ['class' => 'control-label mb-2'])}}
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        @php
                                            $uid = '';
                                            if(isset($notification)){
                                                $uid = "?uids=" . $notification->users_ids;
                                            }

                                        @endphp
                                    {!! Form::select('users_ids[]',[], null ,['class' => 'form-control select2-ajax-search' ,'multiple' ,'autofocus','data-select2-id' => "users-selection", 'data-form_id' => '__notification_form' , 'data-url' => route($select2Route).$uid])!!}
                                    </div>
                                </div>
                            </div>
                        @endif
                            <div class="col-md-12 col-sm-6">
                                <div class="row custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-sm-4">
                                        {{Form::label('title', __('notifications.__title'), ['class' => 'control-label mb-2'])}}
                                    </div>
                                    <div class="col-xs-12 col-sm-8">

                                        {{ Form::text('title',  $isEdit ? $notification->title : '', ['class' => 'form-control emojiArea'])}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-6">
                                <div class="row custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-sm-4">
                                        {{Form::label('message', __('notifications.message'), ['class' => 'control-label mb-2'])}}
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        {{ Form::textarea('message',  $isEdit ? $notification->message : '', ['class' => 'form-control emojiArea','rows'=>3])}}
                                    </div>
                                </div>
                            </div>
                                                <div class="col-md-12 pl-0 d-flex col-sm-6">
                                <div class="col-md-6 p-0 d-flex custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-md-8 col-sm-4">
                                        <label class="control-label mb-2">{!! __('notifications.is_scheduled') !!}</label>
                                    </div>
                                    <div class="col-xs-12 col-md-4 col-sm-8">
                                        <label class="yummy-switch-label">
                                            {!! Form::checkbox('is_scheduled', $isScheduled , $isScheduled , ['class' => '__is_scheduled'])  !!}
                                            <span class="yummy-switch-box"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-6 d-flex custom-input-group colored-field-group align-items-center">
                                    <div class="col-xs-12 col-md-7 col-sm-4">
                                        <label class="control-label mb-2">{!! __('notifications.pop_up') !!}</label>
                                    </div>
                                    <div class="col-xs-12 col-md-5 col-sm-8">
                                        <label class="yummy-switch-label">
                                            {!! Form::checkbox('pop_up', $notification->pop_up ?? 0 , $notification->pop_up ?? 0 , ['class' => '__pop_up'])  !!}
                                            <span class="yummy-switch-box"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>