@extends('layouts.modal')
@section('content')

<div class="modal-header">
    <div class="row w-100 align-items-center">
        <div class="col-5 col-sm-5 admin_modal_header">
            <h1>Edit notification preferences</h1>
        </div>
        <div class="col-7 col-sm-7">
            <div class="d-flex align-items-center float-end">
                <div class="close" data-bs-dismiss="modal" aria-label="Close">
                    <svg class="no-stroke" width="12" height="11" viewBox="0 0 12 11" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11.3332 1.24128L10.2589 0.166992L5.99984 4.42604L1.74079 0.166992L0.666504 1.24128L4.92555 5.50033L0.666504 9.75937L1.74079 10.8337L5.99984 6.57461L10.2589 10.8337L11.3332 9.75937L7.07412 5.50033L11.3332 1.24128Z"
                            fill="#000000" />
                    </svg>
                    Close
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-body modal-body-edit-notification">
    
    <div class="text-primary-cont">
        Would you like to receive an email notification when a member makes a submission?
    </div>
    <form method="post" class="process-form" action="{{ route('settings.update_studio_notification') }}">
        @csrf
        <div class="admin_title">
            <h5></h5>
        </div>
        <div class="create_modal">
            <div class="row profile-section edit-notification-parent">
                <input type="hidden" name="studio_id" value="{{$studioId}}">
             @if($notificationForms)
             @php
                      $studio_id = $studioId;
                      $studioDets = \App\Models\Studio::where('id',$studio_id )->first();
                   if(isset($studioDets) && !empty($studioDets)){
                              $studioAddress= $studioDets->address;
                              $getTimezoneDatas = Helper::getFormMapSection($studioDets->id);
                              if ($getTimezoneDatas !== null && isset($getTimezoneDatas->original['timezone'])) {
                              $timezone = $getTimezoneDatas->original['timezone'];
                              $carbon = \Carbon\Carbon::now()->setTimezone($timezone);
                              $standardTimezoneAbbreviation = $carbon->format('T');
                              } else{
                                $standardTimezoneAbbreviation = 'AEST';
                              }
                  } 
              @endphp
                @foreach($notificationForms as $nkey=>$notification) 
                       <input type="hidden" name="form_id[]" value="{{$notification->id}}">
                        <div class="col-md-3 col-sm-12 form-group-new pr-0 dropdown_zindex_{{$notification->id}}">
                                <label for="floatingInputValue">{{$notification->form_name}}</label>
                                            <select name="notification_type[]" id="roles" class=" notification_type">
                                                {{-- <option value="">select </option> --}}
                                                @foreach ($reminderTime as $key => $val)
                                                @php
                                                    $selected ='';
                                                        if(isset($notificationPreference) && !empty($notificationPreference) && count($notificationPreference)!=0){
                                                           foreach($notificationPreference as $preference){
                                                                if(isset($preference) && !empty($preference)){
                                                                    if(($preference->form_id == $notification->id) && ($val->id == $preference->reminder_time) )
                                                                        {
                                                                            $selected = 'selected';
                                                                        }
                                                                    } 
                                                                else{
                                                                        if($val->id==1){
                                                                                $selected = 'selected';
                                                                    }
                                                                }
                                                            }
                                                        } else {
                                                            if($val->id==1){
                                                                $selected = 'selected';
                                                            }
                                                        }
                                              
                                                 if($standardTimezoneAbbreviation){
                                                    if( $val->id == 1){
                                                        $notification_time = $val->notification_time." ( 9am ".$standardTimezoneAbbreviation.")";
                                                    }  else if($val->id == 2){
                                                        $notification_time = $val->notification_time." ( Mon 9am ".$standardTimezoneAbbreviation.")";
                                                    }
                                                     else {
                                                        $notification_time= $val->notification_time;
                                                    }

                                        } 
                                        @endphp
                                                <option value="{{ $val->id }}" {{$selected}}>  {{ $notification_time }}
                                                        </option>
                                                @endforeach
                                            </select>
                        </div>

                    @endforeach
            @endif
                <div class="text-primary-cont">
                    Recipient Email Address
                </div>
                <div class="form-floating form-group email_recipient email_recipient_studio mt-0 ">
                    <select class="multiselect" multiple="multiple" id="recipient_email" name="recipient_email[]">
                        @if(count($getStudioNotificationDetails) > 0)
                            @foreach($getStudioNotificationDetails as $details)
                            @if($details->recipient_email)
                                <option value="{{ $details->recipient_email }}" selected >{{ $details->recipient_email }}</option>
                            @endif
                                @endforeach
                        @endif
                    </select>
                </div>  
                <div class="error"></div>
                         
            </div>
        </div>
        <div class="modal-actions d-flex justify-content-between justify-content-md-end align-items-center">
            @include('includes.loader')
            {{-- <button type="button" class="btn-theme light btn-small close" data-bs-dismiss="modal" aria-label="Close">
                <svg class="no-stroke" width="12" height="11" viewBox="0 0 12 11" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M11.3332 1.24128L10.2589 0.166992L5.99984 4.42604L1.74079 0.166992L0.666504 1.24128L4.92555 5.50033L0.666504 9.75937L1.74079 10.8337L5.99984 6.57461L10.2589 10.8337L11.3332 9.75937L7.07412 5.50033L11.3332 1.24128Z"
                        fill="#000000" />
                </svg>
                Cancel
            </button> --}}
            <button class="btn-theme dark btn-small btn-save-data" id="notification_submit">
                <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M4.99993 7.94651L2.37671 5.32329L2.19994 5.14651L2.02316 5.32329L1.08982 6.25662L0.913048 6.4334L1.08982 6.61017L4.82316 10.3435L4.99993 10.5203L5.17671 10.3435L13.1767 2.34351L13.3535 2.16673L13.1767 1.98996L12.2434 1.05662L12.0666 0.879845L11.8898 1.05662L4.99993 7.94651Z"
                        fill="white" stroke="white" stroke-width="0.5" />
                </svg>
                Save
            </button>
        </div>
    </form>
    @include('includes.popup_message')
</div>

@endsection
<script>
//$("input[name='mobile']").inputmask({
//    "mask": "(99) 9999 9999"
//});
</script>
<script>
    $("#recipient_email").select2({
      language: {
         noResults: function() {
             return null;
         }
     },
     tags: true,
	 dropdownParent: $('.email_recipient_studio')
 });   
 </script>
 <script>
      $(document).ready(function() {
            $('.social-header').hide();
      });
 $('#notification_submit').on('click', function () {
       var emailInput = $.trim( $('#recipient_email').val());
        var emailArray = emailInput.split(',');
        
        for (var i = 0; i < emailArray.length; i++) {
            var email = emailArray[i].trim();
            if (!isValidEmail(email) && emailInput!='') {
                $('.error').html('Please enter valid Email address');
                return false;
            }
        }
        
   
    $('.error').html('');
    return true;
   
        
});  
       
function isValidEmail(email) {
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailRegex.test(email);
}
</script>