@extends('layouts.master')
@section('title', $title)
@section('content')
<link href="{{ asset('css/Setting_Admin.css') }}" rel="stylesheet">
    <div class="setting_admin">
        <div class="heading">
            <img src="{{asset('images/settings_admin.png')}}" alt="" />
            <h1>Settings: Administation</h1>
        </div>
        @if ($error = Session::get('error'))
        <div class="alert alert-danger">
            <p>{{ $error }}</p>
        </div>
        @endif
        @if ($success = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $success }}</p>
        </div>
        @endif
        <section class="content">
            <div class="block_one">
                <div class="block_one_left">
                    <h1 style="margin-bottom: 15px;font-size: 31px;font-weight: 600; margin-top: 25px;">Career Portal Settings</h1>
                    <form action="{{route('settings.storeCareerSettings')}}" method="post">
                        @csrf
                        <div class="block_one_left_innerContainer">
                            <div class="innerContainer_checkboxs">
                                <p>Enable Public Career Portal:</p>
                                <input type="checkbox" name="enabled" {{ $settings['enabled'] == '1' ? 'checked' : '' }} />
                            </div>
                            <div class="innerContainer_checkboxs">
                                <p>Allow Browsing of All Public Job Orders:</p>
                                <input type="checkbox" name="allowBrowse" {{ $settings['allowBrowse'] == '1' ? 'checked' : '' }} />
                            </div>
                            <div class="innerContainer_checkboxs">
                                <p>
                                Allow candidates to register and update their contact
                                information
                                </p>
                                <input type="checkbox" name="candidateRegistration" {{ $settings['candidateRegistration'] == '1' ? 'checked' : '' }} />
                            </div>
                            <div class="innerContainer_checkboxs">
                                <p>Show Company Column in Job Order List:</p>
                                <input type="checkbox" name="showCompany" {{ $settings['showCompany'] == '1' ? 'checked' : '' }} />
                            </div>
                            <div class="innerContainer_checkboxs">
                                <p>Show Department Column in Job Order List:</p>
                                <input type="checkbox" name="showDepartment" {{ $settings['showDepartment'] == '1' ? 'checked' : '' }} />
                            </div>
                            <div class="innerContainer_checkboxs">
                                <p>Career Portal URL:</p>
                               <!--a href="http://103.234.187.96/index.php?m=careers&p=showAll"
                                >http://103.234.187.96/index.php?m=careers&p=showAll</a
                                --> 
								
								<a style="position: relative; top: -7px; color: #050d9e; font-weight: 600;" class="blink" href="{{ route('settings.ShowOpenPostions')}}"
                                ><span>Check All Open Position</span></a
                                >
                            </div>
                        </div>
                        <div class="right_buttons">
                            <button>Save Setting</button>
                        </div>
                    </form>
                </div>
                <div class="block_one_right">
                    <h1 style="margin-bottom: 15px;font-size: 31px;font-weight: 600; margin-top: 25px;">Questionnaires</h1>
                    <div class="block_one_right_innerContainer">
                    <p>Build a questionnaire to provide to candidates before they apply. You can specify actions to perform based on their responses.</p>
                    <div class="block_one_right_innerContainer_table">
                        <table class="question-table">
                            <thead>
                                <tr>
                                <th>Title</th>
                                <th>Description</th>
                                <th>Status</th>
                                <th>Remove</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($questionnaire))
                                    @foreach($questionnaire as $quest)
                                        <tr>
                                            <td><a href="{{ route('questionnaire.edit', ['id' => $quest->portal_questionnaire_id]) }}">{{ $quest->title }}</a></td>
                                            <td>{{ $quest->description }}</td>
                                            <td>{{ $quest->is_active  == 1 ? 'Active' : 'Inactive'}}</td>
                                            <td><input type="checkbox" class="remove-box" data-id="{{$quest->portal_questionnaire_id}}"></td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                    </div>
                    <div class="right_buttons">
                        <button><a href="{{  route('settings.questionnaire') }}">Add Questionnaire</a></button>
                        <button class="second_button deleteQuestionnaire" >Update</button>
                    </div>
                </div>
            </div>
            <div class="block_two">
        <h1>Templates</h1>
        <div class="block_two_outerContainer">
          <div class="block_two_left">
            <p>
              You can choose a style for your Career Portal by clicking a
              template below and pressing "Set as Active".
            </p>
            <p>
              You may also duplicate an existing template to make a custom
              template, allowing you make the Career Portal closer match the
              look and feel of your corporate web page. Customizing a template
              requires basic knowledge of HTML and CSS.
            </p>
            @php
                $default = '0';
            @endphp
            <div class="block_two_left_innerRow">
                <p>Built in Templates</p>
                <div class="innerRow_options">
                    @foreach($careerPortalTemplateDefaultNames as $template)
                    @php
                        if($template->career_portal_name == $careerPortalSettingsRS['activeBoard']){
                            $default = '1';
                        }
                    @endphp
                    <a href="javascript:void(0);" onclick="setModifyingJobDefault('{{$template->career_portal_name}}','{{ route('settings.careerTemplateEdit', ['name' => $template->career_portal_name]) }}')">{{$template->career_portal_name}}
                        {{$template->career_portal_name == $careerPortalSettingsRS['activeBoard'] ? '(Active)' : ''}}
                    </a>    
                    @endforeach
                </div>
            </div>
            <div class="block_two_left_innerRow">
                <p>Custom Templates</p>
                <div class="innerRow_options">
                    @foreach($careerPortalTemplateCustomNames as $template)
                    <a href="javascript:void(0);" onclick="setModifyingJobCustom('{{$template->career_portal_name}}','{{ route('settings.careerTemplateEdit', ['name' => $template->career_portal_name]) }}')">{{$template->career_portal_name}}
                    {{$template->career_portal_name == $careerPortalSettingsRS['activeBoard'] ? '(Active)' : ''}}
                    </a>
                    @endforeach
                </div>
            </div>
            <div class="block_two_left_innerRow">
            <button onclick="showForm()" class="button btn-new marginClass">New</button>
            <form method="post" action="{{route('settings.careerTemplateAdd')}}" style="display:none;" id="template-add">
                @csrf
                <div>New Template Name:</div>
                <input type="text" name="newName" class="vancy1" style="width:250px;">
                <input type="submit" class="button btn-new" value="OK">
                <input type="button" class="second_button buttonClass marginClass" value="cancel" onclick="hideAllEditingFields();">
            </form>
            </div>
          </div>
          <div class="block_two_right">
            <h1 id="textTemplateName">{{$careerPortalSettingsRS['activeBoard']}}</h1>
            <div class="block_two_right_buttons">
              <a target="_blank" id="changeTemplate" href="{{ url('/display-theme') }}"><button>Full Screen Preview</button></a>
             <a href="{{ url('/') }}"> <button id="buttonEdit" style="display: {{$default ? 'none' : ''}};">Edit</button></a>
             <a href="{{route('settings.careerTemplateEditDefault',['name' => $careerPortalSettingsRS['activeBoard']])}}"> <button id="buttonEditDefault" style="display: none">Edit</button></a>
              <button id="buttonDelete" style="display: {{$default ? 'none' : ''}};">Delete</button>
              <button onclick="showDuplicateInput()">Duplicate</button>
              <button onclick="setAsActive()">Set as Active</button>
              <form id="setAsActiveForm" method="post" action="{{route('careers.setAsActive')}}">
                @csrf
                <input name="activeName" id="activeName" type="hidden" value="">
                <input type="submit" value="ok" style="display:none;">
              </form>
            </div>
            <div id="confirmDuplicate" style="display:none;">
                <form id="careerPortalSettingsForm" method="post" action="{{route('careers.copyTheme')}}">
                    @csrf
                    <div>New Name</div>
                    <input type="hidden" name="origName" id="origName" value="">
                    <input type="text" id="duplicateName" name="duplicateName" value="" class="vancy1">
                    <input type="submit" class="button btn-new marginClass" value="OK">
                    <input type="button" class="second_button buttonClass marginClass" value="Cancel" onclick="hideAllEditingFields();">
                </form>
            </div>
            <iframe id="previewBox" src="{{ url('/display-theme') }}" width="500" height="250"></iframe>
          </div>
        </div>
      </div>
        </section>
    </div>      
@endsection
@section('pagejs')
    <script src="{{ asset('js/career-portal.js') }}"></script>  
    <script>
        var deleteQuestionnaireUrl = "{{ route('questionnaire.deleteQuestionnaire')}}";
		 var AjaxTemplateChange = "{{ route('settings.displaythemePost')}}";
        var usingId = @json($careerPortalSettingsRS["activeBoard"]);
        var deleteUrl = "{{ route('careers.deleteCareerTheme',['name'=>$careerPortalSettingsRS['activeBoard']])}}";
        var base_url = "{{ url('/') }}";
        editElementLink();
    </script>
<style>
    .vancy1 {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        border-radius: 10px;
        width: 60%;
        font-size: 14px;
        font-family: sans-serif;
        padding: 10px;
        /* height: 150px; */
        border-color: #becfda;

    }
    .button {
        color: white;
        /* width: 170px; */
        padding: 10px 25px;
        border-radius: 5px;
        background-color: #050d9e;
        border: none;
        outline: none;
        cursor: pointer;


    }
    .buttonClass
    {
        color: white;
        /* width: 170px; */
        padding: 10px 25px;
        border-radius: 16px;
        background-color: #050d9e;
        border: none;
        outline: none;
        cursor: pointer;

    }
    #previewBox {margin-top:10px;}
    .marginClass {margin-top:10px;}
	 
	span{
		font-size: 20px; 
		animation: blink 1s linear infinite;
	}
	@keyframes blink{
		0%{opacity: 0;}
		50%{opacity: .5;}
		100%{opacity: 1;}	
	}
</style>
@endsection