/home/mip/public_html/img/credit/datatables/resources.tar
lang/en/validation.php000066400000014500151232046400010731 0ustar00<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Validation Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines contain the default error messages used by
    | the validator class. Some of these rules have multiple versions such
    | as the size rules. Feel free to tweak each of these messages here.
    |
    */

    'accepted'             => 'The :attribute must be accepted.',
    'active_url'           => 'The :attribute is not a valid URL.',
    'after'                => 'The :attribute must be a date after :date.',
    'after_or_equal'       => 'The :attribute must be a date after or equal to :date.',
    'alpha'                => 'The :attribute may only contain letters.',
    'alpha_dash'           => 'The :attribute may only contain letters, numbers, and dashes.',
    'alpha_num'            => 'The :attribute may only contain letters and numbers.',
    'array'                => 'The :attribute must be an array.',
    'before'               => 'The :attribute must be a date before :date.',
    'before_or_equal'      => 'The :attribute must be a date before or equal to :date.',
    'between'              => [
        'numeric' => 'The :attribute must be between :min and :max.',
        'file'    => 'The :attribute must be between :min and :max kilobytes.',
        'string'  => 'The :attribute must be between :min and :max characters.',
        'array'   => 'The :attribute must have between :min and :max items.',
    ],
    'boolean'              => 'The :attribute field must be true or false.',
    'confirmed'            => 'The :attribute confirmation does not match.',
    'date'                 => 'The :attribute is not a valid date.',
    'date_format'          => 'The :attribute does not match the format :format.',
    'different'            => 'The :attribute and :other must be different.',
    'digits'               => 'The :attribute must be :digits digits.',
    'digits_between'       => 'The :attribute must be between :min and :max digits.',
    'dimensions'           => 'The :attribute has invalid image dimensions.',
    'distinct'             => 'The :attribute field has a duplicate value.',
    'email'                => 'The :attribute must be a valid email address.',
    'exists'               => 'The selected :attribute is invalid.',
    'file'                 => 'The :attribute must be a file.',
    'filled'               => 'The :attribute field is required.',
    'image'                => 'The :attribute must be an image.',
    'in'                   => 'The selected :attribute is invalid.',
    'in_array'             => 'The :attribute field does not exist in :other.',
    'integer'              => 'The :attribute must be an integer.',
    'ip'                   => 'The :attribute must be a valid IP address.',
    'json'                 => 'The :attribute must be a valid JSON string.',
    'max'                  => [
        'numeric' => 'The :attribute may not be greater than :max.',
        'file'    => 'The :attribute may not be greater than :max kilobytes.',
        'string'  => 'The :attribute may not be greater than :max characters.',
        'array'   => 'The :attribute may not have more than :max items.',
    ],
    'mimes'                => 'The :attribute must be a file of type: :values.',
    'mimetypes'            => 'The :attribute must be a file of type: :values.',
    'min'                  => [
        'numeric' => 'The :attribute must be at least :min.',
        'file'    => 'The :attribute must be at least :min kilobytes.',
        'string'  => 'The :attribute must be at least :min characters.',
        'array'   => 'The :attribute must have at least :min items.',
    ],
    'not_in'               => 'The selected :attribute is invalid.',
    'numeric'              => 'The :attribute must be a number.',
    'present'              => 'The :attribute field must be present.',
    'regex'                => 'The :attribute format is invalid.',
    'required'             => 'The :attribute field is required.',
    'required_if'          => 'The :attribute field is required when :other is :value.',
    'required_unless'      => 'The :attribute field is required unless :other is in :values.',
    'required_with'        => 'The :attribute field is required when :values is present.',
    'required_with_all'    => 'The :attribute field is required when :values is present.',
    'required_without'     => 'The :attribute field is required when :values is not present.',
    'required_without_all' => 'The :attribute field is required when none of :values are present.',
    'same'                 => 'The :attribute and :other must match.',
    'size'                 => [
        'numeric' => 'The :attribute must be :size.',
        'file'    => 'The :attribute must be :size kilobytes.',
        'string'  => 'The :attribute must be :size characters.',
        'array'   => 'The :attribute must contain :size items.',
    ],
    'string'               => 'The :attribute must be a string.',
    'timezone'             => 'The :attribute must be a valid zone.',
    'unique'               => 'The :attribute has already been taken.',
    'uploaded'             => 'The :attribute failed to upload.',
    'url'                  => 'The :attribute format is invalid.',

    /*
    |--------------------------------------------------------------------------
    | Custom Validation Language Lines
    |--------------------------------------------------------------------------
    |
    | Here you may specify custom validation messages for attributes using the
    | convention "attribute.rule" to name the lines. This makes it quick to
    | specify a specific custom language line for a given attribute rule.
    |
    */

    'custom' => [
        'attribute-name' => [
            'rule-name' => 'custom-message',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Custom Validation Attributes
    |--------------------------------------------------------------------------
    |
    | The following language lines are used to swap attribute place-holders
    | with something more reader friendly such as E-Mail Address instead
    | of "email". This simply helps us make messages a little cleaner.
    |
    */

    'attributes' => [],

];
lang/en/auth.php000066400000001151151232046400007536 0ustar00<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Authentication Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are used during authentication for various
    | messages that we need to display to the user. You are free to modify
    | these language lines according to your application's requirements.
    |
    */

    'failed' => 'These credentials do not match our records.',
    'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',

];
lang/en/passwords.php000066400000001422151232046400010623 0ustar00<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Password Reset Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are the default lines which match reasons
    | that are given by the password broker for a password update attempt
    | has failed, such as for an invalid token or invalid new password.
    |
    */

    'password' => 'Passwords must be at least six characters and match the confirmation.',
    'reset' => 'Your password has been reset!',
    'sent' => 'We have e-mailed your password reset link!',
    'token' => 'This password reset token is invalid.',
    'user' => "We can't find a user with that e-mail address.",

];
lang/en/pagination.php000066400000001032151232046400010724 0ustar00<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Pagination Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are used by the paginator library to build
    | the simple pagination links. You are free to change them to anything
    | you want to customize your views to better match your application.
    |
    */

    'previous' => '&laquo; Previous',
    'next'     => 'Next &raquo;',

];
views/errors/500.blade.php000064400000000203151232046400011270 0ustar00@extends('errors::minimal')

@section('title', __('Server Error'))
@section('code', '500')
@section('message', __('Server Error'))
views/errors/layout.blade.php000064400000002633151232046400012312 0ustar00<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>@yield('title')</title>

        <!-- Styles -->
        <style>
            html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-weight: 100;
                height: 100vh;
                margin: 0;
            }

            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .content {
                text-align: center;
            }

            .title {
                font-size: 36px;
                padding: 20px;
            }
        </style>
    </head>
    <body>
        <div class="flex-center position-ref full-height">
            <div class="content">
                <div class="title">
                    @yield('message')
                </div>
            </div>
        </div>
    </body>
</html>
views/errors/minimal.blade.php000064400000014746151232046400012433 0ustar00<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>@yield('title')</title>

        <style>
            /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}code{font-family:monospace,monospace;font-size:1em}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-xl{max-width:36rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}}
        </style>

        <style>
            body {
                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            }
        </style>
    </head>
    <body class="antialiased">
        <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0">
            <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
                <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
                    <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
                        @yield('code')
                    </div>

                    <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
                        @yield('message')
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
views/errors/419.blade.php000064400000000203151232046400011301 0ustar00@extends('errors::minimal')

@section('title', __('Page Expired'))
@section('code', '419')
@section('message', __('Page Expired'))
views/errors/429.blade.php000064400000000215151232046400011305 0ustar00@extends('errors::minimal')

@section('title', __('Too Many Requests'))
@section('code', '429')
@section('message', __('Too Many Requests'))
views/errors/404.blade.php000064400000000175151232046400011303 0ustar00@extends('errors::minimal')

@section('title', __('Not Found'))
@section('code', '404')
@section('message', __('Not Found'))
views/errors/403.blade.php000064400000000231151232046400011273 0ustar00@extends('errors::minimal')

@section('title', __('Forbidden'))
@section('code', '403')
@section('message', __($exception->getMessage() ?: 'Forbidden'))
views/errors/503.blade.php000064400000000221151232046400011273 0ustar00@extends('errors::minimal')

@section('title', __('Service Unavailable'))
@section('code', '503')
@section('message', __('Service Unavailable'))
views/errors/402.blade.php000064400000000213151232046400011272 0ustar00@extends('errors::minimal')

@section('title', __('Payment Required'))
@section('code', '402')
@section('message', __('Payment Required'))
views/errors/401.blade.php000064400000000203151232046400011270 0ustar00@extends('errors::minimal')

@section('title', __('Unauthorized'))
@section('code', '401')
@section('message', __('Unauthorized'))
views/layouts/app.blade.php000066400000006500151232046400011740 0ustar00<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Styles -->
    <link href="/css/app.css" rel="stylesheet">

    <!-- Scripts -->
    <script>
        window.Laravel = <?php echo json_encode([
            'csrfToken' => csrf_token(),
        ]); ?>
    </script>
</head>
<body>
    <div id="app">
        <nav class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">

                    <!-- Collapsed Hamburger -->
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
                        <span class="sr-only">Toggle Navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <!-- Branding Image -->
                    <a class="navbar-brand" href="{{ url('/') }}">
                        {{ config('app.name', 'Laravel') }}
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="app-navbar-collapse">
                    <!-- Left Side Of Navbar -->
                    <ul class="nav navbar-nav">
                        &nbsp;
                    </ul>

                    <!-- Right Side Of Navbar -->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- Authentication Links -->
                        @if (Auth::guest())
                            <li><a href="{{ url('/login') }}">Login</a></li>
                            <li><a href="{{ url('/register') }}">Register</a></li>
                        @else
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    {{ Auth::user()->name }} <span class="caret"></span>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="{{ url('/logout') }}"
                                            onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                            Logout
                                        </a>

                                        <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                                            {{ csrf_field() }}
                                        </form>
                                    </li>
                                </ul>
                            </li>
                        @endif
                    </ul>
                </div>
            </div>
        </nav>

        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="/js/app.js"></script>
</body>
</html>
views/emails/apply-auto-mail.blade.php000066400000000171151232046400013743 0ustar00<h2>Thank you for applying to MIP International Manpower Services Inc.</h2>
<p>You have completed your application.</p>

views/emails/general-application.blade.php000066400000105352151232046400014655 0ustar00<html>

<head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Apply Now | General Application</title>
    <style>
        /* -------------------------------------
        INLINED WITH htmlemail.io/inline
    ------------------------------------- */
        /* -------------------------------------
        RESPONSIVE AND MOBILE FRIENDLY STYLES
    ------------------------------------- */
        @media only screen and (max-width: 620px) {
            table[class=body] h1 {
                font-size: 28px !important;
                margin-bottom: 10px !important;
            }

            table[class=body] p,
            table[class=body] ul,
            table[class=body] ol,
            table[class=body] td,
            table[class=body] span,
            table[class=body] a {
                font-size: 16px !important;
            }

            table[class=body] .wrapper,
            table[class=body] .article {
                padding: 10px !important;
            }

            table[class=body] .content {
                padding: 0 !important;
            }

            table[class=body] .container {
                padding: 0 !important;
                width: 100% !important;
            }

            table[class=body] .main {
                border-left-width: 0 !important;
                border-radius: 0 !important;
                border-right-width: 0 !important;
            }

            table[class=body] .btn table {
                width: 100% !important;
            }

            table[class=body] .btn a {
                width: 100% !important;
            }

            table[class=body] .img-responsive {
                height: auto !important;
                max-width: 100% !important;
                width: auto !important;
            }
        }

        /* -------------------------------------
        PRESERVE THESE STYLES IN THE HEAD
    ------------------------------------- */
        @media all {
            .ExternalClass {
                width: 100%;
            }

            .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
                line-height: 100%;
            }

            .apple-link a {
                color: inherit !important;
                font-family: inherit !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
                text-decoration: none !important;
            }

            .btn-primary table td:hover {
                background-color: #34495e !important;
            }

            .btn-primary a:hover {
                background-color: #34495e !important;
                border-color: #34495e !important;
            }
        }

    </style>
</head>

<body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;">
    <tr>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
        <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;">
        <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;">

        <!-- START CENTERED WHITE CONTAINER -->
        <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;"></span>
        <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;">

<!-- START MAIN CONTENT AREA -->
<tr>
    <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
            <tr>
                <td align="center">
                    <img src="cdn.quantumx.com/myra-email-client-logos/mip-logo-email.png" alt="MIP International Manpower Services Inc.">
                </td>
            </tr>
            <tr>
                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">

                    <h2 style="text-align:center;margin-bottom:15px;margin-top:-20px">Apply Now Form | General Application </h2>
                    <h3 style="font-family: sans-serif;font-weight: normal; margin: 0; margin-bottom: 15px; text-align:center;">You received an application from MIP Website</h3>
                    <br>
                    
                    <!-- Personal Information -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Personal Information</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position: {{ $position }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Country: {{ ($country) }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">First Name : {{ $fname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Middle Name : {{ $mname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Last Name : {{ $lname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Birthdate : {{ $birthdate }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Gender : {{ $gender }}</p>
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Marital Status : {{ $marital_status }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Religon : {{ $religon }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Provincial Address : {{ $provincial_address }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Present Address : {{ $present_address }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Cellphone No. : {{ $telephone }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Facebook Account : {{ $facebook }}</p>
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Email Address : {{ $email }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Height : {{ $height }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Weight : {{ $weight }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Passport : {{ $passport }}</p>

                    @if($passportNo !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Passport # : {{ $passportNo }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Date Issued : {{ $dateIssued }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Date Expired : {{ $dateExpired }}</p>
                    <hr>
                    @endif
                    <!-- Personal Information -->
                    <br>
                    
                    <!-- Education -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Education</h3>
                    <!-- Education 1 -->
                    @if($education_level1 !="" || $course1 !="" || $startMonth1 !="" || $startYear1 !="" || $endMonth1 !="" || $endYear1 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth1 }} {{ $startYear1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth1 }} {{ $endYear1 }}</p>
                    <hr>
                    @endif
                    <!-- Education 1 -->
                    
                    <!-- Education 2 -->
                    @if($education_level2 !="" || $course2 !="" || $startMonth2 !="" || $startYear2 !="" || $endMonth2 !="" || $endYear2 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth2 }} {{ $startYear2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth2 }} {{ $endYear2 }}</p>
                    <hr>
                    @endif
                    <!-- Education 2 -->
                    
                    <!-- Education 3 -->
                    @if($education_level3 !="" || $course3 !="" || $startMonth3 !="" || $startYear3 !="" || $endMonth3 !="" || $endYear3 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth3 }} {{ $startYear3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth3 }} {{ $endYear3 }}</p>
                    <hr>
                    @endif
                    <!-- Education 3 -->
                    
                    <!-- Education 4 -->
                    @if($education_level4 !="" || $course4 !="" || $startMonth4 !="" || $startYear4 !="" || $endMonth4 !="" || $endYear4 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth4 }} {{ $startYear4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth4 }} {{ $endYear4 }}</p>
                    <hr>
                    @endif
                    <!-- Education 4 -->
                    <br>
                    
                    <!-- Work Exeperience -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Work Experience</h3>
                    @if($company_name1 !="" || $step3Position1 !="" || $departmentName1 !="" || $companyAddress1 !="" || $salaryCurrency1 !="" || $salary1 !="" || $jobDescription1 !="" || $employmentStartMonth1 !="" || $employmentStartYear1 !="" || $employmentEndMonth1 !="" || $employmentEndYear1 !="")
                    
                    <!-- Work Exeperience 1 -->
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth1 }} {{ $employmentStartYear1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth1 }} {{ $employmentEndYear1 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 1 -->
                    
                    <!-- Work Exeperience 2 -->
                    @if($company_name2 !="" || $step3Position2 !="" || $departmentName2 !="" || $companyAddress2 !="" || $salaryCurrency2 !="" || $salary2 !="" || $jobDescription2 !="" || $employmentStartMonth2 !="" || $employmentStartYear2 !="" || $employmentEndMonth2 !="" || $employmentEndYear2 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth2 }} {{ $employmentStartYear2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth2 }} {{ $employmentEndYear2 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 2 -->
                    
                    <!-- Work Exeperience 3 -->
                    @if($company_name3 !="" || $step3Position3 !="" || $departmentName3 !="" || $companyAddress3 !="" || $salaryCurrency3 !="" || $salary3 !="" || $jobDescription3 !="" || $employmentStartMonth3 !="" || $employmentStartYear3 !="" || $employmentEndMonth3 !="" || $employmentEndYear3 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth3 }} {{ $employmentStartYear3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth3 }} {{ $employmentEndYear3 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 3 -->
                    
                    <!-- Work Exeperience 4 -->
                    @if($company_name4 !="" || $step3Position4 !="" || $departmentName4 !="" || $companyAddress4 !="" || $salaryCurrency4 !="" || $salary4 !="" || $jobDescription4 !="" || $employmentStartMonth4 !="" || $employmentStartYear4 !="" || $employmentEndMonth4 !="" || $employmentEndYear4 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth4 }} {{ $employmentStartYear4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth4 }} {{ $employmentEndYear4 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 4 -->
                    
                    
                    <!-- Work Exeperience 5 -->
                    @if($company_name5 !="" || $step3Position5 !="" || $departmentName5 !="" || $companyAddress5 !="" || $salaryCurrency5 !="" || $salary5 !="" || $jobDescription5 !="" || $employmentStartMonth5 !="" || $employmentStartYear5 !="" || $employmentEndMonth5 !="" || $employmentEndYear5 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth5 }} {{ $employmentStartYear5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth5 }} {{ $employmentEndYear5}}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 5 -->
                    
                    <!-- Work Exeperience 6 -->
                    @if($company_name6 !="" || $step3Position6 !="" || $departmentName6 !="" || $companyAddress6 !="" || $salaryCurrency6 !="" || $salary6 !="" || $jobDescription6 !="" || $employmentStartMonth6 !="" || $employmentStartYear6 !="" || $employmentEndMonth6 !="" || $employmentEndYear6 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth6 }} {{ $employmentStartYear6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth6 }} {{ $employmentEndYear6 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 6 -->
                    
                    <!-- Work Exeperience 7 -->
                    @if($company_name7 !="" || $step3Position7 !="" || $departmentName7 !="" || $companyAddress7 !="" || $salaryCurrency7 !="" || $salary7 !="" || $jobDescription7 !="" || $employmentStartMonth7 !="" || $employmentStartYear7 !="" || $employmentEndMonth7 !="" || $employmentEndYear7 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth7 }} {{ $employmentStartYear7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth7 }} {{ $employmentEndYear7 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 7 -->
                    
                    
                    <!-- Work Exeperience 8 -->
                    @if($company_name8 !="" || $step3Position8 !="" || $departmentName8 !="" || $companyAddress8 !="" || $salaryCurrency8 !="" || $salary8 !="" || $jobDescription8 !="" || $employmentStartMonth8 !="" || $employmentStartYear8 !="" || $employmentEndMonth8 !="" || $employmentEndYear8 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth8 }} {{ $employmentStartYear8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth8 }} {{ $employmentEndYear8 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 8 -->
                    
                    
                    <!-- Work Exeperience 9 -->
                    @if($company_name9 !="" || $step3Position9 !="" || $departmentName9 !="" || $companyAddress9 !="" || $salaryCurrency9 !="" || $salary9 !="" || $jobDescription9 !="" || $employmentStartMonth9 !="" || $employmentStartYear9 !="" || $employmentEndMonth9 !="" || $employmentEndYear9 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth9 }} {{ $employmentStartYear9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth9 }} {{ $employmentEndYear9 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 9 -->
                    
                    
                    <!-- Work Exeperience 10 -->
                    @if($company_name10 !="" || $step3Position10 !="" || $departmentName10 !="" || $companyAddress10 !="" || $salaryCurrency10 !="" || $salary10 !="" || $jobDescription10 !="" || $employmentStartMonth10 !="" || $employmentStartYear10 !="" || $employmentEndMonth10 !="" || $employmentEndYear10 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth10 }} {{ $employmentStartYear10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth10 }} {{ $employmentEndYear10 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 10 -->
                    
                </td>
            </tr>
        </table>
    </td>
</tr>
<!-- END MAIN CONTENT AREA -->

</table>
<!-- START FOOTER -->
<div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
        <tr>
            <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;">
                <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">MIP International Manpower Services Inc.</span>
            </td>
        </tr>
    </table>
</div>
</td>
<td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
</tr>
</table>
</body>
</html>views/emails/contact.blade.php000066400000000220151232046400012356 0ustar00<h2>You have an inquiry from MIP Website</h2>

<p>
Name: {{ $name }}
</p>

<p>
Email : {{ $email }}
</p>

<p>
Message : {{ $user_message }}
</p>views/emails/apply-now.blade.php000066400000125456151232046400012674 0ustar00<html>

<head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Apply Now</title>
    <style>
        /* -------------------------------------
        INLINED WITH htmlemail.io/inline
    ------------------------------------- */
        /* -------------------------------------
        RESPONSIVE AND MOBILE FRIENDLY STYLES
    ------------------------------------- */
        @media only screen and (max-width: 620px) {
            table[class=body] h1 {
                font-size: 28px !important;
                margin-bottom: 10px !important;
            }

            table[class=body] p,
            table[class=body] ul,
            table[class=body] ol,
            table[class=body] td,
            table[class=body] span,
            table[class=body] a {
                font-size: 16px !important;
            }

            table[class=body] .wrapper,
            table[class=body] .article {
                padding: 10px !important;
            }

            table[class=body] .content {
                padding: 0 !important;
            }

            table[class=body] .container {
                padding: 0 !important;
                width: 100% !important;
            }

            table[class=body] .main {
                border-left-width: 0 !important;
                border-radius: 0 !important;
                border-right-width: 0 !important;
            }

            table[class=body] .btn table {
                width: 100% !important;
            }

            table[class=body] .btn a {
                width: 100% !important;
            }

            table[class=body] .img-responsive {
                height: auto !important;
                max-width: 100% !important;
                width: auto !important;
            }
        }

        /* -------------------------------------
        PRESERVE THESE STYLES IN THE HEAD
    ------------------------------------- */
        @media all {
            .ExternalClass {
                width: 100%;
            }

            .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
                line-height: 100%;
            }

            .apple-link a {
                color: inherit !important;
                font-family: inherit !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
                text-decoration: none !important;
            }

            .btn-primary table td:hover {
                background-color: #34495e !important;
            }

            .btn-primary a:hover {
                background-color: #34495e !important;
                border-color: #34495e !important;
            }
        }

    </style>
</head>

<body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;">
    <tr>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
        <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;">
        <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;">

        <!-- START CENTERED WHITE CONTAINER -->
        <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;"></span>
        <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;">

<!-- START MAIN CONTENT AREA -->
<tr>
    <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
            <tr>
                <td align="center">
                    <img src="cdn.quantumx.com/myra-email-client-logos/mip-logo-email.png" alt="MIP International Manpower Services Inc.">
                </td>
            </tr>
            <tr>
                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">

                    <h2 style="text-align:center;margin-bottom:15px;margin-top:-20px">Apply Now Form </h2>
                    <h3 style="font-family: sans-serif;font-weight: normal; margin: 0; margin-bottom: 15px; text-align:center;">You received an application from MIP Website</h3>
                    <br>
                    
                    <!-- Personal Information -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Personal Information</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position: {{ $position }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Country: {{ ($country) }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">First Name : {{ $fname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Middle Name : {{ $mname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Last Name : {{ $lname }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Birthdate : {{ $birthdate }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Gender : {{ $gender }}</p>
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Marital Status : {{ $marital_status }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Religon : {{ $religon }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Provincial Address : {{ $provincial_address }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Present Address : {{ $present_address }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Cellphone No. : {{ $telephone }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Facebook Account : {{ $facebook }}</p>
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Email Address : {{ $email }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Height : {{ $height }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Weight : {{ $weight }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Passport : {{ $passport }}</p>

                    @if($passportNo !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Passport # : {{ $passportNo }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Date Issued : {{ $dateIssued }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Date Expired : {{ $dateExpired }}</p>
                    <hr>
                    @endif
                    <!-- Personal Information -->
                    <br>
                    
                    <!-- Education -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Education</h3>
                    <!-- Education 1 -->
                    @if($education_level1 !="" || $course1 !="" || $startMonth1 !="" || $startYear1 !="" || $endMonth1 !="" || $endYear1 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth1 }} {{ $startYear1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth1 }} {{ $endYear1 }}</p>
                    <hr>
                    @endif
                    <!-- Education 1 -->
                    
                    <!-- Education 2 -->
                    @if($education_level2 !="" || $course2 !="" || $startMonth2 !="" || $startYear2 !="" || $endMonth2 !="" || $endYear2 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth2 }} {{ $startYear2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth2 }} {{ $endYear2 }}</p>
                    <hr>
                    @endif
                    <!-- Education 2 -->
                    
                    <!-- Education 3 -->
                    @if($education_level3 !="" || $course3 !="" || $startMonth3 !="" || $startYear3 !="" || $endMonth3 !="" || $endYear3 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth3 }} {{ $startYear3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth3 }} {{ $endYear3 }}</p>
                    <hr>
                    @endif
                    <!-- Education 3 -->
                    
                    <!-- Education 4 -->
                    @if($education_level4 !="" || $course4 !="" || $startMonth4 !="" || $startYear4 !="" || $endMonth4 !="" || $endYear4 !="")
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Education Level : {{ $education_level4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">School University : {{ $school_university4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Course : {{ $course4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $startMonth4 }} {{ $startYear4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $endMonth4 }} {{ $endYear4 }}</p>
                    <hr>
                    @endif
                    <!-- Education 4 -->
                    <br>
                    
                    <!-- Work Exeperience -->
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Work Experience</h3>
                    @if($company_name1 !="" || $step3Position1 !="" || $departmentName1 !="" || $companyAddress1 !="" || $salaryCurrency1 !="" || $salary1 !="" || $jobDescription1 !="" || $employmentStartMonth1 !="" || $employmentStartYear1 !="" || $employmentEndMonth1 !="" || $employmentEndYear1 !="")
                    
                    <!-- Work Exeperience 1 -->
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth1 }} {{ $employmentStartYear1 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth1 }} {{ $employmentEndYear1 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 1 -->
                    
                    <!-- Work Exeperience 2 -->
                    @if($company_name2 !="" || $step3Position2 !="" || $departmentName2 !="" || $companyAddress2 !="" || $salaryCurrency2 !="" || $salary2 !="" || $jobDescription2 !="" || $employmentStartMonth2 !="" || $employmentStartYear2 !="" || $employmentEndMonth2 !="" || $employmentEndYear2 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth2 }} {{ $employmentStartYear2 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth2 }} {{ $employmentEndYear2 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 2 -->
                    
                    <!-- Work Exeperience 3 -->
                    @if($company_name3 !="" || $step3Position3 !="" || $departmentName3 !="" || $companyAddress3 !="" || $salaryCurrency3 !="" || $salary3 !="" || $jobDescription3 !="" || $employmentStartMonth3 !="" || $employmentStartYear3 !="" || $employmentEndMonth3 !="" || $employmentEndYear3 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth3 }} {{ $employmentStartYear3 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth3 }} {{ $employmentEndYear3 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 3 -->
                    
                    <!-- Work Exeperience 4 -->
                    @if($company_name4 !="" || $step3Position4 !="" || $departmentName4 !="" || $companyAddress4 !="" || $salaryCurrency4 !="" || $salary4 !="" || $jobDescription4 !="" || $employmentStartMonth4 !="" || $employmentStartYear4 !="" || $employmentEndMonth4 !="" || $employmentEndYear4 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth4 }} {{ $employmentStartYear4 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth4 }} {{ $employmentEndYear4 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 4 -->
                    
                    
                    <!-- Work Exeperience 5 -->
                    @if($company_name5 !="" || $step3Position5 !="" || $departmentName5 !="" || $companyAddress5 !="" || $salaryCurrency5 !="" || $salary5 !="" || $jobDescription5 !="" || $employmentStartMonth5 !="" || $employmentStartYear5 !="" || $employmentEndMonth5 !="" || $employmentEndYear5 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth5 }} {{ $employmentStartYear5 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth5 }} {{ $employmentEndYear5}}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 5 -->
                    
                    <!-- Work Exeperience 6 -->
                    @if($company_name6 !="" || $step3Position6 !="" || $departmentName6 !="" || $companyAddress6 !="" || $salaryCurrency6 !="" || $salary6 !="" || $jobDescription6 !="" || $employmentStartMonth6 !="" || $employmentStartYear6 !="" || $employmentEndMonth6 !="" || $employmentEndYear6 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth6 }} {{ $employmentStartYear6 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth6 }} {{ $employmentEndYear6 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 6 -->
                    
                    <!-- Work Exeperience 7 -->
                    @if($company_name7 !="" || $step3Position7 !="" || $departmentName7 !="" || $companyAddress7 !="" || $salaryCurrency7 !="" || $salary7 !="" || $jobDescription7 !="" || $employmentStartMonth7 !="" || $employmentStartYear7 !="" || $employmentEndMonth7 !="" || $employmentEndYear7 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth7 }} {{ $employmentStartYear7 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth7 }} {{ $employmentEndYear7 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 7 -->
                    
                    
                    <!-- Work Exeperience 8 -->
                    @if($company_name8 !="" || $step3Position8 !="" || $departmentName8 !="" || $companyAddress8 !="" || $salaryCurrency8 !="" || $salary8 !="" || $jobDescription8 !="" || $employmentStartMonth8 !="" || $employmentStartYear8 !="" || $employmentEndMonth8 !="" || $employmentEndYear8 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth8 }} {{ $employmentStartYear8 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth8 }} {{ $employmentEndYear8 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 8 -->
                    
                    
                    <!-- Work Exeperience 9 -->
                    @if($company_name9 !="" || $step3Position9 !="" || $departmentName9 !="" || $companyAddress9 !="" || $salaryCurrency9 !="" || $salary9 !="" || $jobDescription9 !="" || $employmentStartMonth9 !="" || $employmentStartYear9 !="" || $employmentEndMonth9 !="" || $employmentEndYear9 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth9 }} {{ $employmentStartYear9 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth9 }} {{ $employmentEndYear9 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 9 -->
                    
                    
                    <!-- Work Exeperience 10 -->
                    @if($company_name10 !="" || $step3Position10 !="" || $departmentName10 !="" || $companyAddress10 !="" || $salaryCurrency10 !="" || $salary10 !="" || $jobDescription10 !="" || $employmentStartMonth10 !="" || $employmentStartYear10 !="" || $employmentEndMonth10 !="" || $employmentEndYear10 !="")
                    
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Name / Employer Name : {{ $company_name10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position : {{ $step3Position10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Department Name : {{ $departmentName10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Company Address : {{ $companyAddress10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary Currency : {{ $salaryCurrency10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Salary : {{ $salary10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Job Description : {{ $jobDescription10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Start Date : {{ $employmentStartMonth10 }} {{ $employmentStartYear10 }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">End Date : {{ $employmentEndMonth10 }} {{ $employmentEndYear10 }}</p>
                    <hr>
                    @endif
                    <!-- Work Exeperience 10 -->
                    
                    
                    
                    <br>
                    
                    <!-- Taiwan - Factory Worker position -->
                    @if($taiwanFactoryExperienceElectronics !="" || $taiwanFactoryExperienceSemicon !="" || $taiwanFactoryExperienceSoldering !="" || $taiwanFactoryExperienceCNC !="" || $taiwanFactoryExperienceSewer !="" || $taiwanFactoryFirstTimeAbroad !="" || $taiwanFactorySmoking !="" || $taiwanFactoryDrinkingAlcohol !="" || $taiwanFactoryHandSweat !="" || $taiwanFactoryEyesight !="")

                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Taiwan - Factory Worker position</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have an experience in electronics company? {{ $taiwanFactoryExperienceElectronics }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have an experience in semicon company? {{ $taiwanFactoryExperienceSemicon }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have a Soldering experience? {{ $taiwanFactoryExperienceSoldering }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have a CNC/ Lathe Machine experience? {{ $taiwanFactoryExperienceCNC }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have an experience as a Sewer? {{ $taiwanFactoryExperienceSewer }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Are you a First Timer in Abroad? {{ $taiwanFactoryFirstTimeAbroad }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Are you smoking? {{ $taiwanFactorySmoking }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Are you Drinking Alcohol? {{ $taiwanFactoryDrinkingAlcohol }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Hand Sweat? {{ $taiwanFactoryHandSweat }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Eyesight? {{ $taiwanFactoryEyesight }}</p>
                    @endif
                    <!-- Taiwan - Factory Worker position -->
                    
                    
                    <!-- Singapore - Nurse Position -->
                    @if($singaporeNurseOverseasExperience !="" || $singaporeNurseWhatCountry !="" || $singaporeNurseNameEmployer !="" || $singaporeNurseBedCapacity !="" || $singaporeNurseAreaExposure !="" || $singaporeNursePosition !="")
                    
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Singapore - Nurse Position</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have Overseas experience? {{ $singaporeNurseOverseasExperience }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">What Country? {{ $singaporeNurseWhatCountry }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Name of Hospital/Employer? {{ $singaporeNurseNameEmployer }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Bed Capacity? {{ $singaporeNurseBedCapacity }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">What is your area of exposure? {{ $singaporeNurseAreaExposure }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">What is your position? {{ $singaporeNursePosition }}</p>
                    @endif
                    <!-- Singapore - Nurse Position -->
                    
                    
                    <!-- Domestic Helper -->
                    @if($domesticHelperOverseasExperience !="" || $domesticHelperWorkingPeriod !="" || $domesticHelperLeaving !="" || $domesticHelperTakingCareBabies !="" || $domesticHelperTakingCareAges !="" || $domesticHelperCook !="")
                    
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Domestic Helper</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have Overseas Experience as Domestic Helper? {{ $domesticHelperOverseasExperience }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Working Period: {{ $domesticHelperWorkingPeriod }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Reason for leaving: {{ $domesticHelperLeaving }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have Experience in Taking care babies? {{ $domesticHelperTakingCareBabies }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you experience looking after Aged / Bedridden? {{ $domesticHelperTakingCareAges }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Can you cook simple meal without any supervision? {{ $domesticHelperCook }}</p>
                    @endif
                    <!-- Domestic Helper -->
                    
                    
                    <!-- Korea Performing Arts -->
                    @if($koreaPerformingArtsSinger !="" || $koreaPerformingArtsPosition !="" || $koreaPerformingArtsWorkingPeriod !="")
                    
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">Korea - Performing Arts</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have Overseas experience as Singer in Club/Resto Bar? {{ $koreaPerformingArtsSinger }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">What is your position? {{ $koreaPerformingArtsPosition }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Working Period: {{ $koreaPerformingArtsWorkingPeriod }}</p>
                    @endif
                    <!-- Korea Performing Arts -->
                    
                    <!-- China English Teacher -->
                    @if($chinaEnglishTeacherExperience !="" || $chinaEnglishTeacherArtsPosition !="" || $chinaEnglishTeacherWorkingPeriod !="")
                    
                    <h3 style="font-family: sans-serif;font-weight: bold; margin: 0; margin-bottom: 5px;">China English Teacher</h3>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Do you have overseas experience in Teaching? {{ $chinaEnglishTeacherExperience }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">What is your position? {{ $chinaEnglishTeacherArtsPosition }}</p>
                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Working Period: {{ $chinaEnglishTeacherWorkingPeriod }}</p>
                    @endif
                    <!-- Korea Performing Arts -->

                </td>
            </tr>
        </table>
    </td>
</tr>
<!-- END MAIN CONTENT AREA -->

</table>
<!-- START FOOTER -->
<div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
        <tr>
            <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;">
                <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">MIP International Manpower Services Inc.</span>
            </td>
        </tr>
    </table>
</div>
</td>
<td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
</tr>
</table>
</body>
</html>views/emails/manpower-request.blade.php000066400000020615151232046400014253 0ustar00<html>
  <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Manpower Request</title>
    <style>
    /* -------------------------------------
        INLINED WITH htmlemail.io/inline
    ------------------------------------- */
    /* -------------------------------------
        RESPONSIVE AND MOBILE FRIENDLY STYLES
    ------------------------------------- */
    @media only screen and (max-width: 620px) {
      table[class=body] h1 {
        font-size: 28px !important;
        margin-bottom: 10px !important;
      }
      table[class=body] p,
            table[class=body] ul,
            table[class=body] ol,
            table[class=body] td,
            table[class=body] span,
            table[class=body] a {
        font-size: 16px !important;
      }
      table[class=body] .wrapper,
            table[class=body] .article {
        padding: 10px !important;
      }
      table[class=body] .content {
        padding: 0 !important;
      }
      table[class=body] .container {
        padding: 0 !important;
        width: 100% !important;
      }
      table[class=body] .main {
        border-left-width: 0 !important;
        border-radius: 0 !important;
        border-right-width: 0 !important;
      }
      table[class=body] .btn table {
        width: 100% !important;
      }
      table[class=body] .btn a {
        width: 100% !important;
      }
      table[class=body] .img-responsive {
        height: auto !important;
        max-width: 100% !important;
        width: auto !important;
      }
    }
    /* -------------------------------------
        PRESERVE THESE STYLES IN THE HEAD
    ------------------------------------- */
    @media all {
      .ExternalClass {
        width: 100%;
      }
      .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
        line-height: 100%;
      }
      .apple-link a {
        color: inherit !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        text-decoration: none !important;
      }
      .btn-primary table td:hover {
        background-color: #34495e !important;
      }
      .btn-primary a:hover {
        background-color: #34495e !important;
        border-color: #34495e !important;
      }
    }
    </style>
  </head>
  <body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
    <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;">
      <tr>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
        <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;">
          <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;">

            <!-- START CENTERED WHITE CONTAINER -->
            <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;"></span>
            <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;">

              <!-- START MAIN CONTENT AREA -->
              <tr>
                <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;">
                  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                    <tr>
	                  	<td align="center">
	                   		<img src="cdn.quantumx.com/myra-email-client-logos/mip-logo-email.png" alt="MIP International Manpower Services INC.">
	                   	</td>
                  	</tr>
                    <tr>
                      <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">

                       <h2 style="text-align: center; margin-bottom: 15px;">Manpower Request Form </h2>
                        <h3 style="font-family: sans-serif;font-weight: normal; margin: 0; margin-bottom: 15px; text-align:center;">You have a manpower request from MIP Website</h3>
                        <br>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Business Name: {{$business_name}}</p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Address: {{$address}}</p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Cellphone : {{$telephone}}</p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Fax : {{$fax}}</p>
	                    <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Email  : {{$email}}</p>
	                   	<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Website  : {{$website }}</p>
	                   	<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Contact Person : {{$contact_person}}</p>
                   		<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Position  : {{$position }}</p>
                   		<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">License Number  : {{$license_number}}</p>
                   		<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">Nature of Business  : {{$nature}}</p>
                   		<hr>

                          
                        @if($position1 !="" || $required1 !="" || $description1 !="")
                   		<p>Position : {!! $position1 or 'Not Provided' !!} /  No. Required : {!! $required1 or 'Not Provided' !!} / Description : {!! $description1 or 'Not Provided' !!}</p>
                   	    @endif
						<br><br>
                        @if($position2 !="" || $required2 !="" || $description2 !="")
						<p>Position : {!! $position2 or 'Not Provided' !!} /  No. Required : {!! $required2 or 'Not Provided' !!} / Description : {!! $description2 or 'Not Provided' !!}</p>
                        @endif
						<br><br>
                        @if($position3 !="" || $required3 !="" || $description3 !="")
						<p>Position : {!! $position3 or 'Not Provided' !!} /  No. Required : {!! $required3 or 'Not Provided' !!} / Description : {!! $description3 or 'Not Provided' !!}</p>
                        @endif
						
                        
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

            <!-- END MAIN CONTENT AREA -->
            </table>

            <!-- START FOOTER -->
   	       <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
              <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                <tr>
                  <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;">
                    <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">MIP International Manpower Services INC.</span>
                  </td>
                </tr>
              </table>
        </div>
        </td>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
      </tr>
    </table>
  </body>
</html>





views/auth/register.blade.php000066400000006707151232046400012256 0ustar00@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Register</div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}">
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-4 control-label">Name</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required autofocus>

                                @if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="password" class="col-md-4 control-label">Password</label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control" name="password" required>

                                @if ($errors->has('password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="password-confirm" class="col-md-4 control-label">Confirm Password</label>

                            <div class="col-md-6">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    Register
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
views/auth/passwords/email.blade.php000066400000010014151232046400013530 0ustar00<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>QxCMS | Log-in</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="{{ get_template('bootstrap/css/bootstrap.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('font-awesome-4.5.0/css/font-awesome.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('ionicons-2.0.1/css/ionicons.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('dist/css/AdminLTE.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('plugins/iCheck/square/blue.css') }}">
        <link rel="stylesheet" href="{{ get_template('dist/css/custom.css') }}">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="hold-transition login-page">
        <div class="container" style="margin-top:100px;">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-lock"></i> Reset Password</div>
                        <div class="panel-body">
                            @if (session('status'))
                                <div class="alert alert-success alert-dismissable fade in" style="padding-top: 6px;padding-bottom: 6px;">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                    {{ session('status') }}
                                </div>
                            @endif
                            <form class="form-horizontal" role="form" method="POST" action="{{ url('/password/email') }}">
                                {!! csrf_field() !!}
                                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                    <label class="col-md-4 control-label">E-Mail Address</label>
                                    <div class="col-md-6">
                                        <input type="email" class="form-control" name="email" placeholder="Email" value="{{ old('email') }}">
                                        @if ($errors->has('email'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('email') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-6 col-md-offset-4">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fa fa-btn fa-envelope"></i> Send Password Reset Link
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="{{ get_template('plugins/jQuery/jquery-1.12.0.min.js') }}"></script>
        <script type="text/javascript" src="{{ get_template('bootstrap/js/bootstrap.min.js') }}"></script>
        <script type="text/javascript" src="{{ get_template('plugins/iCheck/icheck.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
    </body>
</html>views/auth/passwords/reset.blade.php000066400000013147151232046400013575 0ustar00<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>QxCMS | Log-in</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="{{ get_template('bootstrap/css/bootstrap.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('font-awesome-4.5.0/css/font-awesome.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('ionicons-2.0.1/css/ionicons.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('dist/css/AdminLTE.min.css') }}">
        <link rel="stylesheet" href="{{ get_template('plugins/iCheck/square/blue.css') }}">
        <link rel="stylesheet" href="{{ get_template('dist/css/custom.css') }}">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="hold-transition login-page">
        <div class="container" style="margin-top:100px;">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-lock"></i> Reset Password</div>
                        <div class="panel-body">
                            @if (session('status'))
                                <div class="alert alert-success">
                                    {{ session('status') }}
                                </div>
                            @endif
                            <form class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
                                {{ csrf_field() }}

                                <input type="hidden" name="token" value="{{ $token }}">

                                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                    <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                                    <div class="col-md-6">
                                        <input id="email" type="email" class="form-control" name="email" placeholder="Email" value="{{ $email or old('email') }}">

                                        @if ($errors->has('email'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('email') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                    <label for="password" class="col-md-4 control-label">Password</label>

                                    <div class="col-md-6">
                                        <input id="password" type="password" class="form-control" name="password" placeholder="Password">

                                        @if ($errors->has('password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('password') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                                    <label for="password-confirm" class="col-md-4 control-label">Confirm Password</label>
                                    <div class="col-md-6">
                                        <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password">

                                        @if ($errors->has('password_confirmation'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('password_confirmation') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-6 col-md-offset-4">
                                        <button type="submit" class="btn btn-primary">
                                            Reset Password
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="{{ get_template('plugins/jQuery/jquery-1.12.0.min.js') }}"></script>
        <script type="text/javascript" src="{{ get_template('bootstrap/js/bootstrap.min.js') }}"></script>
        <script type="text/javascript" src="{{ get_template('plugins/iCheck/icheck.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
    </body>
</html>views/auth/login.blade.php000066400000005763151232046400011543 0ustar00@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Login</div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" method="POST" action="{{ url('/login') }}">
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required autofocus>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="password" class="col-md-4 control-label">Password</label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control" name="password" required>

                                @if ($errors->has('password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : ''}}> Remember Me
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-8 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    Login
                                </button>

                                <a class="btn btn-link" href="{{ url('/password/reset') }}">
                                    Forgot Your Password?
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
views/vendor/notifications/email.blade.php000064400000002071151232046400014712 0ustar00<x-mail::message>
{{-- Greeting --}}
@if (! empty($greeting))
# {{ $greeting }}
@else
@if ($level === 'error')
# @lang('Whoops!')
@else
# @lang('Hello!')
@endif
@endif

{{-- Intro Lines --}}
@foreach ($introLines as $line)
{{ $line }}

@endforeach

{{-- Action Button --}}
@isset($actionText)
<?php
    $color = match ($level) {
        'success', 'error' => $level,
        default => 'primary',
    };
?>
<x-mail::button :url="$actionUrl" :color="$color">
{{ $actionText }}
</x-mail::button>
@endisset

{{-- Outro Lines --}}
@foreach ($outroLines as $line)
{{ $line }}

@endforeach

{{-- Salutation --}}
@if (! empty($salutation))
{{ $salutation }}
@else
@lang('Regards'),<br>
{{ config('app.name') }}
@endif

{{-- Subcopy --}}
@isset($actionText)
<x-slot:subcopy>
@lang(
    "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
    'into your web browser:',
    [
        'actionText' => $actionText,
    ]
) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
</x-slot:subcopy>
@endisset
</x-mail::message>
views/vendor/notifications/email-plain.blade.php000066400000000637151232046400016023 0ustar00<?php

if (! empty($greeting)) {
    echo $greeting, "\n\n";
} else {
    echo $level == 'error' ? 'Whoops!' : 'Hello!', "\n\n";
}

if (! empty($introLines)) {
    echo implode("\n", $introLines), "\n\n";
}

if (isset($actionText)) {
    echo "{$actionText}: {$actionUrl}", "\n\n";
}

if (! empty($outroLines)) {
    echo implode("\n", $outroLines), "\n\n";
}

echo 'Regards,', "\n";
echo config('app.name'), "\n";
views/vendor/jsvalidation/bootstrap-modal.php000066400000004167151232046400015514 0ustar00<script>
    jQuery(document).ready(function(){

        $("<?php echo $validator['selector']; ?>").validate({
            errorElement: 'span',
            errorClass: 'help-block error-help-block',

            errorPlacement: function(error, element) {
                if (element.parent('.input-group').length ||
                    element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                    error.insertAfter(element.parent());
                    // else just place the validation message immediatly after the input
                } else {
                    if(element.hasClass('wysihtml5')){
                        error.insertAfter(element.next().next());
                    } else {
                        error.insertAfter(element);
                    }
                }
            },
          
            highlight: function(element) {
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); // add the Bootstrap error class to the control group
            },

            <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

            ignore: "<?php echo $validator['ignore']; ?>",
            <?php endif; ?>

            /*
             // Uncomment this to mark as validated non required fields
             unhighlight: function(element) {
             $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
             },
             */
            success: function(element) {
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // remove the Boostrap error class from the control group
            },

            focusInvalid: false, // do not focus the last invalid input
            <?php if (Config::get('jsvalidation.focus_on_error')): ?>
            invalidHandler: function(form, validator) {
               
                if (!validator.numberOfInvalids())
                    return;
              
            },
            <?php endif; ?>

            rules: <?php echo json_encode($validator['rules']); ?>
        })
    })
</script>
views/vendor/jsvalidation/uikit.php000064400000004371151232046400013525 0ustar00<script>
    jQuery(document).ready(function () {

        $("<?= $validator['selector']; ?>").each(function () {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'uk-text-danger',

                errorPlacement: function (error, element) {
                    if (element.closest('.uk-input').length ||
                        element.closest('.uk-select').length || element.closest('.uk-textarea').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-success').addClass('uk-form-danger'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>


                unhighlight: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-danger').addClass('uk-form-success');
                },

                success: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-danger').addClass('uk-form-success'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/vendor/jsvalidation/bootstrap.php000064400000004365151232046400014420 0ustar00<script>
    jQuery(document).ready(function(){

        $("<?= $validator['selector']; ?>").each(function() {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'help-block error-help-block',

                errorPlacement: function (error, element) {
                    if (element.parent('.input-group').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>

                /*
                 // Uncomment this to mark as validated non required fields
                 unhighlight: function(element) {
                 $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                 },
                 */
                success: function (element) {
                    $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/vendor/jsvalidation/bootstrap4.php000064400000004232151232046400014475 0ustar00<script>
    jQuery(document).ready(function(){

        $("<?= $validator['selector']; ?>").each(function() {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'invalid-feedback',

                errorPlacement: function (error, element) {
                    if (element.parent('.input-group').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>

                
                unhighlight: function(element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
                },
                
                success: function (element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/vendor/jsvalidation/bootstrap5.php000064400000003274151232046400014503 0ustar00<script>
    jQuery(document).ready(function () {

        $("<?= $validator['selector']; ?>").each(function () {
            $(this).validate({
                errorElement: 'div',
                errorClass: 'invalid-feedback',

                errorPlacement: function (error, element) {
                    error.insertAfter(element);
                },
                highlight: function (element) {
                    $(element).removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>


                unhighlight: function (element) {
                    $(element).removeClass('is-invalid').addClass('is-valid');
                },

                success: function (element) {
                    $(element).removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/vendor/laravel-filemanager/grid-view.blade.php000066400000004555151232046400016560 0ustar00@if((sizeof($files) > 0) || (sizeof($directories) > 0))

<div class="row">

  @foreach($items as $item)
  <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 img-row">
    <?php $item_name = $item->name; ?>
    <?php $thumb_src = $item->thumb; ?>
    <?php $item_path = $item->is_file ? $item->url : $item->path; ?>

    <div class="square clickable {{ $item->is_file ? 'file' : 'folder'}}-item" data-id="{{ $item_path }}">
      @if($thumb_src)
      <img src="{{ $thumb_src }}">
      @else
      <i class="fa {{ $item->icon }} fa-5x"></i>
      @endif
    </div>

    <div class="caption text-center">
      <div class="btn-group">
        <button type="button" data-id="{{ $item_path }}" class="item_name btn btn-default btn-xs {{ $item->is_file ? 'file' : 'folder'}}-item">
          {{ $item_name }}
        </button>
        <button type="button" class="btn btn-default dropdown-toggle btn-xs" data-toggle="dropdown" aria-expanded="false">
          <span class="caret"></span>
          <span class="sr-only">Toggle Dropdown</span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li><a href="javascript:rename('{{ $item_name }}')"><i class="fa fa-edit fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-rename') }}</a></li>
          @if($item->is_file)
          <li><a href="javascript:download('{{ $item_name }}')"><i class="fa fa-download fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-download') }}</a></li>
          <li class="divider"></li>
          @if($thumb_src)
          <li><a href="javascript:fileView('{{ $item_path }}', '{{ $item->updated }}')"><i class="fa fa-image fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-view') }}</a></li>
          <li><a href="javascript:resizeImage('{{ $item_name }}')"><i class="fa fa-arrows fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-resize') }}</a></li>
          <li><a href="javascript:cropImage('{{ $item_name }}')"><i class="fa fa-crop fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-crop') }}</a></li>
          <li class="divider"></li>
          @endif
          @endif
          <li><a href="javascript:trash('{{ $item_name }}')"><i class="fa fa-trash fa-fw"></i> {{ Lang::get('laravel-filemanager::lfm.menu-delete') }}</a></li>
        </ul>
      </div>
    </div>

  </div>
  @endforeach

</div>

@else
<p>{{ Lang::get('laravel-filemanager::lfm.message-empty') }}</p>
@endif
views/vendor/laravel-filemanager/resize.blade.php000064400000012016151232046400016151 0ustar00<style>
  #work_space {
    padding: 30px;
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @media screen and (min-width: 768px) {
    #work_space {
      width: unset;
      height: unset;
    }
  }
</style>

<div class="container">
  <div class="row">
    <div class="col-md-8 bg-light" id="work_space">
      <div id="containment" class="d-none d-md-inline">
        <img id="resize" src="{{ $img->url . '?timestamp=' . $img->time }}" height="{{ $height }}" width="{{ $width }}">
      </div>
      <div id="resize_mobile" style="background-image: url({{ $img->url . '?timestamp=' . $img->time }})" class="d-block d-md-none"></div>
    </div>
    <div class="col-md-4 pt-3">
      <table class="table table-compact table-striped">
        <thead></thead>
        <tbody>
          @if ($scaled)
          <tr>
            <td class="text-nowrap">{{ trans('laravel-filemanager::lfm.resize-ratio') }}</td>
            <td class="text-right">{{ number_format($ratio, 2) }}</td>
          </tr>
          <tr>
            <td class="text-nowrap">{{ trans('laravel-filemanager::lfm.resize-scaled') }}</td>
            <td class="text-right">
              {{ trans('laravel-filemanager::lfm.resize-true') }}
            </td>
          </tr>
          @endif
          <tr>
            <td class="text-nowrap">{{ trans('laravel-filemanager::lfm.resize-old-height') }}</td>
            <td class="text-right">{{ $original_height }}px</td>
          </tr>
          <tr>
            <td class="text-nowrap">{{ trans('laravel-filemanager::lfm.resize-old-width') }}</td>
            <td class="text-right">{{ $original_width }}px</td>
          </tr>
          <tr>
            <td class="text-nowrap" style="vertical-align: middle">{{ trans('laravel-filemanager::lfm.resize-new-height') }}</td>
            <td class="text-right"><input type="text" id="height_display" class="form-control w-50 d-inline mr-2" value="{{ $height }}">px</td>
          </tr>
          <tr>
            <td class="text-nowrap" style="vertical-align: middle">{{ trans('laravel-filemanager::lfm.resize-new-width') }}</td>
            <td class="text-right"><input type="text" id="width_display" class="form-control w-50 d-inline mr-2" value="{{ $width }}">px</td>
          </tr>
        </tbody>
      </table>
      <div class="d-flex mb-3">
        <button class="btn btn-secondary w-50 mr-1" onclick="loadItems()">{{ trans('laravel-filemanager::lfm.btn-cancel') }}</button>
        <button class="btn btn-warning w-50 mr-1" onclick="doResizeNew()">{{ trans('laravel-filemanager::lfm.btn-resize-copy') }}</button>
        <button class="btn btn-primary w-50" onclick="doResize()">{{ trans('laravel-filemanager::lfm.btn-resize') }}</button>
      </div>

      <input type="hidden" id="img" name="img" value="{{ $img->name }}">
      <input type="hidden" name="ratio" value="{{ $ratio }}">
      <input type="hidden" name="scaled" value="{{ $scaled }}">
      <input type="hidden" id="original_height" name="original_height" value="{{ $original_height }}">
      <input type="hidden" id="original_width" name="original_width" value="{{ $original_width }}">
      <input type="hidden" id="height" name="height" value="{{ $height }}">
      <input type="hidden" id="width" name="width" value="{{ $width }}">
    </div>
  </div>
</div>

<script>
  $(document).ready(function () {
    renderResizedValues($("#width_display").val(), $("#height_display").val());

    $("#resize").resizable({
      aspectRatio: true,
      containment: "#containment",
      handles: "n, e, s, w, se, sw, ne, nw",
      resize: function (event, ui) {
        renderResizedValues(ui.size.width, ui.size.height);
      }
    });
  });

  $('#width_display, #height_display').change(function () {
    var newWidth = $("#width_display").val();
    var newHeight = $("#height_display").val();

    renderResizedValues(newWidth, newHeight);
    $("#containment > .ui-wrapper").width(newWidth).height(newHeight);
    $("#resize").width(newWidth).height(newHeight);
  });

  function renderResizedValues(newWidth, newHeight) {
    $("#width").val(newWidth);
    $("#height").val(newHeight);
    $("#width_display").val(newWidth);
    $("#height_display").val(newHeight);

    $('#resize_mobile').css('background-size', '100% 100%');

    if (newWidth < newHeight) {
      $('#resize_mobile').css('width', (newWidth / newHeight * 100) + '%').css('padding-bottom', '100%');
    } else if (newWidth > newHeight) {
      $('#resize_mobile').css('width', '100%').css('padding-bottom', (newHeight / newWidth * 100) + '%');
    } else { // newWidth === newHeight
      $('#resize_mobile').css('width', '100%').css('padding-bottom', '100%');
    }
  }

  function doResize() {
    performLfmRequest('doresize', {
      img: $("#img").val(),
      dataHeight: $("#height").val(),
      dataWidth: $("#width").val()
    }).done(loadItems);
  }

  function doResizeNew() {
    performLfmRequest('doresizenew', {
      img: $("#img").val(),
      dataHeight: $("#height").val(),
      dataWidth: $("#width").val()
    }).done(loadItems);
  }
</script>
views/vendor/laravel-filemanager/crop.blade.php000064400000007444151232046400015624 0ustar00<div class="row no-gutters">
  <div class="col-xl-8">
    <div class="crop-container">
      <img src="{{ $img->url . '?timestamp=' . $img->time }}" class="img img-responsive">
    </div>
  </div>
  <div class="col-xl-4">
    <div class="text-center">
      <div class="img-preview center-block"></div>
      <br>
      <div class="btn-group clearfix">
        <label class="btn btn-info btn-aspectRatio active" onclick="changeAspectRatio(this, 16 / 9)">
          16:9
        </label>
        <label class="btn btn-info btn-aspectRatio" onclick="changeAspectRatio(this, 4 / 3)">
          4:3
        </label>
        <label class="btn btn-info btn-aspectRatio" onclick="changeAspectRatio(this, 1)">
          1:1
        </label>
        <label class="btn btn-info btn-aspectRatio" onclick="changeAspectRatio(this, 2 / 3)">
          2:3
        </label>
        <label class="btn btn-info btn-aspectRatio" onclick="changeAspectRatio(this, null)">
          {{ trans('laravel-filemanager::lfm.btn-crop-free') }}
        </label>
      </div>
      <br>
      <br>
      <div class="btn-group clearfix">
        <button class="btn btn-secondary" onclick="loadItems()">{{ trans('laravel-filemanager::lfm.btn-cancel') }}</button>
        <button class="btn btn-warning" onclick="performCropNew()">{{ trans('laravel-filemanager::lfm.btn-copy-crop') }}</button>
        <button class="btn btn-primary" onclick="performCrop()">{{ trans('laravel-filemanager::lfm.btn-crop') }}</button>
      </div>
      <form id='cropForm'>
        <input type="hidden" id="img" name="img" value="{{ $img->name }}">
        <input type="hidden" id="working_dir" name="working_dir" value="{{ $working_dir }}">
        <input type="hidden" id="dataX" name="dataX">
        <input type="hidden" id="dataY" name="dataY">
        <input type="hidden" id="dataWidth" name="dataWidth">
        <input type="hidden" id="dataHeight" name="dataHeight">
        <input type='hidden' name='_token' value='{{csrf_token()}}'>
      </form>
    </div>
  </div>
</div>

<script>
    var $image = null,
        options = {};

    $(document).ready(function () {
        var $dataX = $('#dataX'),
            $dataY = $('#dataY'),
            $dataHeight = $('#dataHeight'),
            $dataWidth = $('#dataWidth');

        $image = $('.crop-container > img');
        options = {
            aspectRatio: 16 / 9,
            preview: ".img-preview",
            strict: false,
            crop: function (data) {
                // Output the result data for cropping image.
                $dataX.val(Math.round(data.x));
                $dataY.val(Math.round(data.y));
                $dataHeight.val(Math.round(data.height));
                $dataWidth.val(Math.round(data.width));
            }
        };
        $image.cropper(options);
    });
    function changeAspectRatio(_this, aspectRatio) {
        options.aspectRatio = aspectRatio;
        $('.btn-aspectRatio.active').removeClass('active');
        $(_this).addClass('active');
        $('.img-preview').removeAttr('style');
        $image.cropper('destroy').cropper(options);
        return false;
    }
    function performCrop() {
      performLfmRequest('cropimage', {
        img: $("#img").val(),
        working_dir: $("#working_dir").val(),
        dataX: $("#dataX").val(),
        dataY: $("#dataY").val(),
        dataHeight: $("#dataHeight").val(),
        dataWidth: $("#dataWidth").val(),
        type: $('#type').val()
      }).done(loadItems);
    }

    function performCropNew() {
      performLfmRequest('cropnewimage', {
        img: $("#img").val(),
        working_dir: $("#working_dir").val(),
        dataX: $("#dataX").val(),
        dataY: $("#dataY").val(),
        dataHeight: $("#dataHeight").val(),
        dataWidth: $("#dataWidth").val(),
        type: $('#type').val()
      }).done(loadItems);
    }
</script>
views/vendor/laravel-filemanager/tree.blade.php000064400000002272151232046400015612 0ustar00<div class="m-3 d-block d-lg-none">
  <h1 style="font-size: 1.5rem;">Laravel File Manager</h1>
  <small class="d-block">Ver 2.0</small>
  <div class="row mt-3">
    <div class="col-4">
      <img src="{{ asset('vendor/laravel-filemanager/img/152px color.png') }}" class="w-100">
    </div>

    <div class="col-8">
      <p>Current usage :</p>
      <p>20 GB (Max : 1 TB)</p>
    </div>
  </div>
  <div class="progress mt-3" style="height: .5rem;">
    <div class="progress-bar progress-bar-striped progress-bar-animated w-75 bg-main" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
</div>

<ul class="nav nav-pills flex-column">
  @foreach($root_folders as $root_folder)
    <li class="nav-item">
      <a class="nav-link" href="#" data-type="0" data-path="{{ $root_folder->url }}">
        <i class="fa fa-folder fa-fw"></i> {{ $root_folder->name }}
      </a>
    </li>
    @foreach($root_folder->children as $directory)
    <li class="nav-item sub-item">
      <a class="nav-link" href="#" data-type="0" data-path="{{ $directory->url }}">
        <i class="fa fa-folder fa-fw"></i> {{ $directory->name }}
      </a>
    </li>
    @endforeach
  @endforeach
</ul>
views/vendor/laravel-filemanager/list-view.blade.php000064400000005423151232046400016577 0ustar00@if((sizeof($files) > 0) || (sizeof($directories) > 0))
<table class="table table-responsive table-condensed table-striped hidden-xs">
  <thead>
    <th style='width:50%;'>{{ Lang::get('laravel-filemanager::lfm.title-item') }}</th>
    <th>{{ Lang::get('laravel-filemanager::lfm.title-size') }}</th>
    <th>{{ Lang::get('laravel-filemanager::lfm.title-type') }}</th>
    <th>{{ Lang::get('laravel-filemanager::lfm.title-modified') }}</th>
    <th>{{ Lang::get('laravel-filemanager::lfm.title-action') }}</th>
  </thead>
  <tbody>
    @foreach($items as $item)
    <tr>
      <td>
        <i class="fa {{ $item->icon }}"></i>
        <a class="{{ $item->is_file ? 'file' : 'folder'}}-item clickable" data-id="{{ $item->is_file ? $item->url : $item->path }}">
          {{ Illuminate\Support\Str::limit($item->name, $limit = 20, $end = '...') }}
        </a>
      </td>
      <td>{{ $item->size }}</td>
      <td>{{ $item->type }}</td>
      <td>{{ $item->time }}</td>
      <td>
        @if($item->is_file)
        <a href="javascript:trash('{{ $item->name }}')">
          <i class="fa fa-trash fa-fw"></i>
        </a>
        @if($item->thumb)
        <a href="javascript:cropImage('{{ $item->name }}')">
          <i class="fa fa-crop fa-fw"></i>
        </a>
        <a href="javascript:resizeImage('{{ $item->name }}')">
          <i class="fa fa-arrows fa-fw"></i>
        </a>
        @endif
        @endif
      </td>
    </tr>
    @endforeach
  </tbody>
</table>

<table class="table visible-xs">
  <tbody>
    @foreach($items as $item)
    <tr>
      <td>
        <div class="media" style="height: 70px;">
          <div class="media-left">
            <div class="square {{ $item->is_file ? 'file' : 'folder'}}-item clickable"  data-id="{{ $item->is_file ? $item->url : $item->path }}">
              @if($item->thumb)
              <img src="{{ $item->thumb }}">
              @else
              <i class="fa {{ $item->icon }} fa-5x"></i>
              @endif
            </div>
          </div>
          <div class="media-body" style="padding-top: 10px;">
            <div class="media-heading">
              <p>
                <a class="{{ $item->is_file ? 'file' : 'folder'}}-item clickable" data-id="{{ $item->is_file ? $item->url : $item->path }}">
                  {{ Illuminate\Support\Str::limit($item->name, $limit = 20, $end = '...') }}
                </a>
                &nbsp;&nbsp;
                {{-- <a href="javascript:rename('{{ $item->name }}')">
                  <i class="fa fa-edit"></i>
                </a> --}}
              </p>
            </div>
            <p style="color: #aaa;font-weight: 400">{{ $item->time }}</p>
          </div>
        </div>
      </td>
    </tr>
    @endforeach
  </tbody>
</table>

@else
<p>{{ trans('laravel-filemanager::lfm.message-empty') }}</p>
@endif
views/vendor/laravel-filemanager/demo.blade.php000064400000017117151232046400015603 0ustar00<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Laravel Filemanager</title>
  <link rel="shortcut icon" type="image/png" href="{{ asset('vendor/laravel-filemanager/img/72px color.png') }}">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
  <div class="container">
    <h1 class="page-header">Integration Demo Page</h1>
    <div class="row">
      <div class="col-md-6">
        <h2 class="mt-4">CKEditor</h2>
        <textarea name="ce" class="form-control"></textarea>
      </div>
      <div class="col-md-6">
        <h2 class="mt-4">TinyMCE</h2>
        <textarea name="tm" class="form-control"></textarea>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6">
        <h2 class="mt-4">Summernote</h2>
        <textarea id="summernote-editor" name="content"></textarea>
      </div>
      <div class="col-md-6">
        <h2 class="mt-4">Standalone Image Button</h2>
        <div class="input-group">
          <span class="input-group-btn">
            <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary text-white">
              <i class="fa fa-picture-o"></i> Choose
            </a>
          </span>
          <input id="thumbnail" class="form-control" type="text" name="filepath">
        </div>
        <div id="holder" style="margin-top:15px;max-height:100px;"></div>
        <h2 class="mt-4">Standalone File Button</h2>
        <div class="input-group">
          <span class="input-group-btn">
            <a id="lfm2" data-input="thumbnail2" data-preview="holder2" class="btn btn-primary text-white">
              <i class="fa fa-picture-o"></i> Choose
            </a>
          </span>
          <input id="thumbnail2" class="form-control" type="text" name="filepath">
        </div>
        <div id="holder2" style="margin-top:15px;max-height:100px;"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <h2 class="mt-4">Embed file manager</h2>
        <iframe src="/filemanager" style="width: 100%; height: 500px; overflow: hidden; border: none;"></iframe>
      </div>
    </div>
  </div>

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
  <script>
   var route_prefix = "/filemanager";
  </script>

  <!-- CKEditor init -->
  <script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.5.11/ckeditor.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.5.11/adapters/jquery.js"></script>
  <script>
    $('textarea[name=ce]').ckeditor({
      height: 100,
      filebrowserImageBrowseUrl: route_prefix + '?type=Images',
      filebrowserImageUploadUrl: route_prefix + '/upload?type=Images&_token={{csrf_token()}}',
      filebrowserBrowseUrl: route_prefix + '?type=Files',
      filebrowserUploadUrl: route_prefix + '/upload?type=Files&_token={{csrf_token()}}'
    });
  </script>

  <!-- TinyMCE init -->
  <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
  <script>
    var editor_config = {
      path_absolute : "",
      selector: "textarea[name=tm]",
      plugins: [
        "link image"
      ],
      relative_urls: false,
      height: 129,
      file_browser_callback : function(field_name, url, type, win) {
        var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
        var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

        var cmsURL = editor_config.path_absolute + route_prefix + '?field_name=' + field_name;
        if (type == 'image') {
          cmsURL = cmsURL + "&type=Images";
        } else {
          cmsURL = cmsURL + "&type=Files";
        }

        tinyMCE.activeEditor.windowManager.open({
          file : cmsURL,
          title : 'Filemanager',
          width : x * 0.8,
          height : y * 0.8,
          resizable : "yes",
          close_previous : "no"
        });
      }
    };

    tinymce.init(editor_config);
  </script>

  <script>
    {!! \File::get(base_path('vendor/unisharp/laravel-filemanager/public/js/stand-alone-button.js')) !!}
  </script>
  <script>
    $('#lfm').filemanager('image', {prefix: route_prefix});
    // $('#lfm').filemanager('file', {prefix: route_prefix});
  </script>

  <script>
    var lfm = function(id, type, options) {
      let button = document.getElementById(id);

      button.addEventListener('click', function () {
        var route_prefix = (options && options.prefix) ? options.prefix : '/filemanager';
        var target_input = document.getElementById(button.getAttribute('data-input'));
        var target_preview = document.getElementById(button.getAttribute('data-preview'));

        window.open(route_prefix + '?type=' + options.type || 'file', 'FileManager', 'width=900,height=600');
        window.SetUrl = function (items) {
          var file_path = items.map(function (item) {
            return item.url;
          }).join(',');

          // set the value of the desired input to image url
          target_input.value = file_path;
          target_input.dispatchEvent(new Event('change'));

          // clear previous preview
          target_preview.innerHtml = '';

          // set or change the preview image src
          items.forEach(function (item) {
            let img = document.createElement('img')
            img.setAttribute('style', 'height: 5rem')
            img.setAttribute('src', item.thumb_url)
            target_preview.appendChild(img);
          });

          // trigger change event
          target_preview.dispatchEvent(new Event('change'));
        };
      });
    };

    lfm('lfm2', 'file', {prefix: route_prefix});
  </script>

  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script>
  <style>
    .popover {
      top: auto;
      left: auto;
    }
  </style>
  <script>
    $(document).ready(function(){

      // Define function to open filemanager window
      var lfm = function(options, cb) {
        var route_prefix = (options && options.prefix) ? options.prefix : '/filemanager';
        window.open(route_prefix + '?type=' + options.type || 'file', 'FileManager', 'width=900,height=600');
        window.SetUrl = cb;
      };

      // Define LFM summernote button
      var LFMButton = function(context) {
        var ui = $.summernote.ui;
        var button = ui.button({
          contents: '<i class="note-icon-picture"></i> ',
          tooltip: 'Insert image with filemanager',
          click: function() {

            lfm({type: 'image', prefix: '/filemanager'}, function(lfmItems, path) {
              lfmItems.forEach(function (lfmItem) {
                context.invoke('insertImage', lfmItem.url);
              });
            });

          }
        });
        return button.render();
      };

      // Initialize summernote with LFM button in the popover button group
      // Please note that you can add this button to any other button group you'd like
      $('#summernote-editor').summernote({
        toolbar: [
          ['popovers', ['lfm']],
        ],
        buttons: {
          lfm: LFMButton
        }
      })
    });
  </script>
</body>
</html>
views/vendor/laravel-filemanager/move.blade.php000064400000002645151232046400015625 0ustar00<ul class="nav nav-pills flex-column">
  @foreach($root_folders as $root_folder)
    <li class="nav-item">
      <a class="nav-link" href="#" data-type="0" onclick="moveToNewFolder(`{{$root_folder->url}}`)">
        <i class="fa fa-folder fa-fw"></i> {{ $root_folder->name }}
        <input type="hidden" id="goToFolder" name="goToFolder" value="{{ $root_folder->url }}">
        <div id="items">
          @foreach($items as $i)
            <input type="hidden" id="{{ $i }}" name="items[]" value="{{ $i }}">
          @endforeach
        </div>
      </a>
    </li>
    @foreach($root_folder->children as $directory)
    <li class="nav-item sub-item">
      <a class="nav-link" href="#" data-type="0" onclick="moveToNewFolder(`{{$directory->url}}`)">
        <i class="fa fa-folder fa-fw"></i> {{ $directory->name }}
        <input type="hidden" id="goToFolder" name="goToFolder" value="{{ $directory->url }}">
        <div id="items">
          @foreach($items as $i)
            <input type="hidden" id="{{ $i }}" name="items[]" value="{{ $i }}">
          @endforeach
        </div>
      </a>
    </li>
    @endforeach
  @endforeach
</ul>

<script>
  function moveToNewFolder($folder) {
    $("#notify").modal('hide');
    var items =[];
    $("#items").find("input").each(function() {items.push(this.id)});
    performLfmRequest('domove', {
      items: items,
      goToFolder: $folder
    }).done(refreshFoldersAndItems);
  }
</script>
views/vendor/laravel-filemanager/use.blade.php000064400000001050151232046400015440 0ustar00<script type='text/javascript'>
  function getUrlParam(paramName) {
    var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
    var match = window.location.search.match(reParam);
    return ( match && match.length > 1 ) ? match[1] : null;
  }

  var funcNum = getUrlParam('CKEditorFuncNum');

  var par = window.parent;
  var op = window.opener;
  var o = (par && par.CKEDITOR) ? par : ((op && op.CKEDITOR) ? op : false);

  if (op) window.close();
  if (o !== false) o.CKEDITOR.tools.callFunction(funcNum, "{{ $file }}");
</script>
views/vendor/laravel-filemanager/index.blade.php000064400000027534151232046400015772 0ustar00<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Chrome, Firefox OS and Opera -->
  <meta name="theme-color" content="#333844">
  <!-- Windows Phone -->
  <meta name="msapplication-navbutton-color" content="#333844">
  <!-- iOS Safari -->
  <meta name="apple-mobile-web-app-status-bar-style" content="#333844">

  <title>{{ trans('laravel-filemanager::lfm.title-page') }}</title>
  <link rel="shortcut icon" type="image/png" href="{{ asset('vendor/laravel-filemanager/img/72px color.png') }}">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.0/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.5.0/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-ui-dist@1.12.1/jquery-ui.min.css">
  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/cropper.min.css') }}">
  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/dropzone.min.css') }}">
  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/mime-icons.min.css') }}">
  <style>{!! \File::get(base_path('vendor/unisharp/laravel-filemanager/public/css/lfm.css')) !!}</style>
  {{-- Use the line below instead of the above if you need to cache the css. --}}
  {{-- <link rel="stylesheet" href="{{ asset('/vendor/laravel-filemanager/css/lfm.css') }}"> --}}
</head>
<body>
  <nav class="navbar sticky-top navbar-expand-lg navbar-dark" id="nav">
    <a class="navbar-brand invisible-lg d-none d-lg-inline" id="to-previous">
      <i class="fas fa-arrow-left fa-fw"></i>
      <span class="d-none d-lg-inline">{{ trans('laravel-filemanager::lfm.nav-back') }}</span>
    </a>
    <a class="navbar-brand d-block d-lg-none" id="show_tree">
      <i class="fas fa-bars fa-fw"></i>
    </a>
    <a class="navbar-brand d-block d-lg-none" id="current_folder"></a>
    <a id="loading" class="navbar-brand"><i class="fas fa-spinner fa-spin"></i></a>
    <div class="ml-auto px-2">
      <a class="navbar-link d-none" id="multi_selection_toggle">
        <i class="fa fa-check-double fa-fw"></i>
        <span class="d-none d-lg-inline">{{ trans('laravel-filemanager::lfm.menu-multiple') }}</span>
      </a>
    </div>
    <a class="navbar-toggler collapsed border-0 px-1 py-2 m-0" data-toggle="collapse" data-target="#nav-buttons">
      <i class="fas fa-cog fa-fw"></i>
    </a>
    <div class="collapse navbar-collapse flex-grow-0" id="nav-buttons">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" data-display="grid">
            <i class="fas fa-th-large fa-fw"></i>
            <span>{{ trans('laravel-filemanager::lfm.nav-thumbnails') }}</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-display="list">
            <i class="fas fa-list-ul fa-fw"></i>
            <span>{{ trans('laravel-filemanager::lfm.nav-list') }}</span>
          </a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-sort fa-fw"></i>{{ trans('laravel-filemanager::lfm.nav-sort') }}
          </a>
          <div class="dropdown-menu dropdown-menu-right border-0"></div>
        </li>
      </ul>
    </div>
  </nav>

  <nav class="bg-light fixed-bottom border-top d-none" id="actions">
    <a data-action="open" data-multiple="false"><i class="fas fa-folder-open"></i>{{ trans('laravel-filemanager::lfm.btn-open') }}</a>
    <a data-action="preview" data-multiple="true"><i class="fas fa-images"></i>{{ trans('laravel-filemanager::lfm.menu-view') }}</a>
    <a data-action="use" data-multiple="true"><i class="fas fa-check"></i>{{ trans('laravel-filemanager::lfm.btn-confirm') }}</a>
  </nav>

  <div class="d-flex flex-row">
    <div id="tree"></div>

    <div id="main">
      <div id="alerts"></div>

      <nav aria-label="breadcrumb" class="d-none d-lg-block" id="breadcrumbs">
        <ol class="breadcrumb">
          <li class="breadcrumb-item invisible">Home</li>
        </ol>
      </nav>

      <div id="empty" class="d-none">
        <i class="far fa-folder-open"></i>
        {{ trans('laravel-filemanager::lfm.message-empty') }}
      </div>

      <div id="content"></div>
      <div id="pagination"></div>

      <a id="item-template" class="d-none">
        <div class="square"></div>

        <div class="info">
          <div class="item_name text-truncate"></div>
          <time class="text-muted font-weight-light text-truncate"></time>
        </div>
      </a>
    </div>

    <div id="fab"></div>
  </div>

  <div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">{{ trans('laravel-filemanager::lfm.title-upload') }}</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
        </div>
        <div class="modal-body">
          <form action="{{ route('unisharp.lfm.upload') }}" role='form' id='uploadForm' name='uploadForm' method='post' enctype='multipart/form-data' class="dropzone">
            <div class="form-group" id="attachment">
              <div class="controls text-center">
                <div class="input-group w-100">
                  <a class="btn btn-primary w-100 text-white" id="upload-button">{{ trans('laravel-filemanager::lfm.message-choose') }}</a>
                </div>
              </div>
            </div>
            <input type='hidden' name='working_dir' id='working_dir'>
            <input type='hidden' name='type' id='type' value='{{ request("type") }}'>
            <input type='hidden' name='_token' value='{{csrf_token()}}'>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="notify" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-body"></div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="confirm" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-body"></div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
          <button type="button" class="btn btn-primary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-confirm') }}</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title"></h4>
        </div>
        <div class="modal-body">
          <input type="text" class="form-control">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
          <button type="button" class="btn btn-primary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-confirm') }}</button>
        </div>
      </div>
    </div>
  </div>

  <div id="carouselTemplate" class="d-none carousel slide bg-light" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#previewCarousel" data-slide-to="0" class="active"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <a class="carousel-label"></a>
        <div class="carousel-image"></div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#previewCarousel" role="button" data-slide="prev">
      <div class="carousel-control-background" aria-hidden="true">
        <i class="fas fa-chevron-left"></i>
      </div>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#previewCarousel" role="button" data-slide="next">
      <div class="carousel-control-background" aria-hidden="true">
        <i class="fas fa-chevron-right"></i>
      </div>
      <span class="sr-only">Next</span>
    </a>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.3/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.0/dist/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery-ui-dist@1.12.1/jquery-ui.min.js"></script>
  <script src="{{ asset('vendor/laravel-filemanager/js/cropper.min.js') }}"></script>
  <script src="{{ asset('vendor/laravel-filemanager/js/dropzone.min.js') }}"></script>
  <script>
    var lang = {!! json_encode(trans('laravel-filemanager::lfm')) !!};
    var actions = [
      // {
      //   name: 'use',
      //   icon: 'check',
      //   label: 'Confirm',
      //   multiple: true
      // },
      {
        name: 'rename',
        icon: 'edit',
        label: lang['menu-rename'],
        multiple: false
      },
      {
        name: 'download',
        icon: 'download',
        label: lang['menu-download'],
        multiple: true
      },
      // {
      //   name: 'preview',
      //   icon: 'image',
      //   label: lang['menu-view'],
      //   multiple: true
      // },
      {
        name: 'move',
        icon: 'paste',
        label: lang['menu-move'],
        multiple: true
      },
      {
        name: 'resize',
        icon: 'arrows-alt',
        label: lang['menu-resize'],
        multiple: false
      },
      {
        name: 'crop',
        icon: 'crop',
        label: lang['menu-crop'],
        multiple: false
      },
      {
        name: 'trash',
        icon: 'trash',
        label: lang['menu-delete'],
        multiple: true
      },
    ];

    var sortings = [
      {
        by: 'alphabetic',
        icon: 'sort-alpha-down',
        label: lang['nav-sort-alphabetic']
      },
      {
        by: 'time',
        icon: 'sort-numeric-down',
        label: lang['nav-sort-time']
      }
    ];
  </script>
  <script>{!! \File::get(base_path('vendor/unisharp/laravel-filemanager/public/js/script.js')) !!}</script>
  {{-- Use the line below instead of the above if you need to cache the script. --}}
  {{-- <script src="{{ asset('vendor/laravel-filemanager/js/script.js') }}"></script> --}}
  <script>
    Dropzone.options.uploadForm = {
      paramName: "upload[]", // The name that will be used to transfer the file
      uploadMultiple: false,
      parallelUploads: 5,
      timeout:0,
      clickable: '#upload-button',
      dictDefaultMessage: lang['message-drop'],
      init: function() {
        var _this = this; // For the closure
        this.on('success', function(file, response) {
          if (response == 'OK') {
            loadFolders();
          } else {
            this.defaultOptions.error(file, response.join('\n'));
          }
        });
      },
      headers: {
        'Authorization': 'Bearer ' + getUrlParam('token')
      },
      acceptedFiles: "{{ implode(',', $helper->availableMimeTypes()) }}",
      maxFilesize: ({{ $helper->maxUploadSize() }} / 1000)
    }
  </script>
  <script>
  goTo("/shares");
  </script>
</body>
</html>
views/vendor/mail/html/message.blade.php000064400000000754151232046400014272 0ustar00<x-mail::layout>
{{-- Header --}}
<x-slot:header>
<x-mail::header :url="config('app.url')">
{{ config('app.name') }}
</x-mail::header>
</x-slot:header>

{{-- Body --}}
{{ $slot }}

{{-- Subcopy --}}
@isset($subcopy)
<x-slot:subcopy>
<x-mail::subcopy>
{{ $subcopy }}
</x-mail::subcopy>
</x-slot:subcopy>
@endisset

{{-- Footer --}}
<x-slot:footer>
<x-mail::footer>
© {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
</x-mail::footer>
</x-slot:footer>
</x-mail::layout>
views/vendor/mail/html/layout.blade.php000064400000002525151232046400014161 0ustar00<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{{ config('app.name') }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<style>
@media only screen and (max-width: 600px) {
.inner-body {
width: 100% !important;
}

.footer {
width: 100% !important;
}
}

@media only screen and (max-width: 500px) {
.button {
width: 100% !important;
}
}
</style>
</head>
<body>

<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center">
<table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
{{ $header ?? '' }}

<!-- Email Body -->
<tr>
<td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<!-- Body content -->
<tr>
<td class="content-cell">
{{ Illuminate\Mail\Markdown::parse($slot) }}

{{ $subcopy ?? '' }}
</td>
</tr>
</table>
</td>
</tr>

{{ $footer ?? '' }}
</table>
</td>
</tr>
</table>
</body>
</html>
views/vendor/mail/html/footer.blade.php000064400000000354151232046400014140 0ustar00<tr>
<td>
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="content-cell" align="center">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>
</td>
</tr>
views/vendor/mail/html/header.blade.php000064400000000402151232046400014064 0ustar00@props(['url'])
<tr>
<td class="header">
<a href="{{ $url }}" style="display: inline-block;">
@if (trim($slot) === 'Laravel')
<img src="https://laravel.com/img/notification-logo.png" class="logo" alt="Laravel Logo">
@else
{{ $slot }}
@endif
</a>
</td>
</tr>
views/vendor/mail/html/themes/default.css000064400000011013151232046400014500 0ustar00/* Base */

body,
body *:not(html):not(style):not(br):not(tr):not(code) {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    position: relative;
}

body {
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
    color: #718096;
    height: 100%;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

p,
ul,
ol,
blockquote {
    line-height: 1.4;
    text-align: left;
}

a {
    color: #3869d4;
}

a img {
    border: none;
}

/* Typography */

h1 {
    color: #3d4852;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

p {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 0;
    text-align: left;
}

p.sub {
    font-size: 12px;
}

img {
    max-width: 100%;
}

/* Layout */

.wrapper {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    background-color: #edf2f7;
    margin: 0;
    padding: 0;
    width: 100%;
}

.content {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Header */

.header {
    padding: 25px 0;
    text-align: center;
}

.header a {
    color: #3d4852;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}

/* Logo */

.logo {
    height: 75px;
    max-height: 75px;
    width: 75px;
}

/* Body */

.body {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    background-color: #edf2f7;
    border-bottom: 1px solid #edf2f7;
    border-top: 1px solid #edf2f7;
    margin: 0;
    padding: 0;
    width: 100%;
}

.inner-body {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px;
    background-color: #ffffff;
    border-color: #e8e5ef;
    border-radius: 2px;
    border-width: 1px;
    box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015);
    margin: 0 auto;
    padding: 0;
    width: 570px;
}

/* Subcopy */

.subcopy {
    border-top: 1px solid #e8e5ef;
    margin-top: 25px;
    padding-top: 25px;
}

.subcopy p {
    font-size: 14px;
}

/* Footer */

.footer {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 570px;
}

.footer p {
    color: #b0adc5;
    font-size: 12px;
    text-align: center;
}

.footer a {
    color: #b0adc5;
    text-decoration: underline;
}

/* Tables */

.table table {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 30px auto;
    width: 100%;
}

.table th {
    border-bottom: 1px solid #edeff2;
    margin: 0;
    padding-bottom: 8px;
}

.table td {
    color: #74787e;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 10px 0;
}

.content-cell {
    max-width: 100vw;
    padding: 32px;
}

/* Buttons */

.action {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.button {
    -webkit-text-size-adjust: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.button-blue,
.button-primary {
    background-color: #2d3748;
    border-bottom: 8px solid #2d3748;
    border-left: 18px solid #2d3748;
    border-right: 18px solid #2d3748;
    border-top: 8px solid #2d3748;
}

.button-green,
.button-success {
    background-color: #48bb78;
    border-bottom: 8px solid #48bb78;
    border-left: 18px solid #48bb78;
    border-right: 18px solid #48bb78;
    border-top: 8px solid #48bb78;
}

.button-red,
.button-error {
    background-color: #e53e3e;
    border-bottom: 8px solid #e53e3e;
    border-left: 18px solid #e53e3e;
    border-right: 18px solid #e53e3e;
    border-top: 8px solid #e53e3e;
}

/* Panels */

.panel {
    border-left: #2d3748 solid 4px;
    margin: 21px 0;
}

.panel-content {
    background-color: #edf2f7;
    color: #718096;
    padding: 16px;
}

.panel-content p {
    color: #718096;
}

.panel-item {
    padding: 0;
}

.panel-item p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Utilities */

.break-all {
    word-break: break-all;
}
views/vendor/mail/html/panel.blade.php000064400000000465151232046400013744 0ustar00<table class="panel" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="panel-content">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="panel-item">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>
</td>
</tr>
</table>

views/vendor/mail/html/table.blade.php000064400000000110151232046400013717 0ustar00<div class="table">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</div>
views/vendor/mail/html/button.blade.php000064400000001100151232046400014143 0ustar00@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
<a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener">{{ $slot }}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
views/vendor/mail/html/subcopy.blade.php000064400000000245151232046400014325 0ustar00<table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>
views/vendor/mail/text/message.blade.php000064400000001210151232046400014276 0ustar00<x-mail::layout>
    {{-- Header --}}
    <x-slot:header>
        <x-mail::header :url="config('app.url')">
            {{ config('app.name') }}
        </x-mail::header>
    </x-slot:header>

    {{-- Body --}}
    {{ $slot }}

    {{-- Subcopy --}}
    @isset($subcopy)
        <x-slot:subcopy>
            <x-mail::subcopy>
                {{ $subcopy }}
            </x-mail::subcopy>
        </x-slot:subcopy>
    @endisset

    {{-- Footer --}}
    <x-slot:footer>
        <x-mail::footer>
            © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
        </x-mail::footer>
    </x-slot:footer>
</x-mail::layout>
views/vendor/mail/text/layout.blade.php000064400000000231151232046400014171 0ustar00{!! strip_tags($header ?? '') !!}

{!! strip_tags($slot) !!}
@isset($subcopy)

{!! strip_tags($subcopy) !!}
@endisset

{!! strip_tags($footer ?? '') !!}
views/vendor/mail/text/footer.blade.php000064400000000014151232046400014151 0ustar00{{ $slot }}
views/vendor/mail/text/header.blade.php000064400000000030151232046400014101 0ustar00{{ $slot }}: {{ $url }}
views/vendor/mail/text/panel.blade.php000064400000000014151232046400013752 0ustar00{{ $slot }}
views/vendor/mail/text/table.blade.php000064400000000014151232046400013742 0ustar00{{ $slot }}
views/vendor/mail/text/button.blade.php000064400000000030151232046400014164 0ustar00{{ $slot }}: {{ $url }}
views/vendor/mail/text/subcopy.blade.php000064400000000014151232046400014337 0ustar00{{ $slot }}
views/vendor/datatables/script.blade.php000066400000000231151232046400014360 0ustar00(function(window,$){window.LaravelDataTables=window.LaravelDataTables||{};window.LaravelDataTables["%1$s"]=$("#%1$s").DataTable(%2$s);})(window,jQuery);
views/vendor/datatables/print.blade.php000066400000002641151232046400014217 0ustar00<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Print Table</title>
        <meta charset="UTF-8">
        <meta name=description content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap CSS -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        <style>
            body {margin: 20px}
        </style>
    </head>
    <body>
        <table class="table table-bordered table-condensed table-striped">
            @php ($flag = true)
            @foreach($data as $row)
                @if ($row == reset($data) && $flag)
                    <tr>
                        @foreach($row as $key => $value)
                            <th>{!! $key !!}</th>
                        @endforeach
                        @php ($flag = false)
                    </tr>
                @endif
                <tr>
                    @foreach($row as $key => $value)
                        @if(is_string($value) || is_numeric($value))
                            <td>{!! $value !!}</td>
                        @else
                            <td></td>
                        @endif
                    @endforeach
                </tr>
            @endforeach
        </table>
    </body>
</html>
views/vendor/pagination/simple-default.blade.php000064400000001405151232046400016016 0ustar00@if ($paginator->hasPages())
    <nav>
        <ul class="pagination">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <li class="disabled" aria-disabled="true"><span>@lang('pagination.previous')</span></li>
            @else
                <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
            @endif

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
            @else
                <li class="disabled" aria-disabled="true"><span>@lang('pagination.next')</span></li>
            @endif
        </ul>
    </nav>
@endif
views/vendor/pagination/simple-bootstrap-4.blade.php000064400000002035151232046400016550 0ustar00@if ($paginator->hasPages())
    <nav>
        <ul class="pagination">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <li class="page-item disabled" aria-disabled="true">
                    <span class="page-link">@lang('pagination.previous')</span>
                </li>
            @else
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
                </li>
            @endif

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
                </li>
            @else
                <li class="page-item disabled" aria-disabled="true">
                    <span class="page-link">@lang('pagination.next')</span>
                </li>
            @endif
        </ul>
    </nav>
@endif
views/vendor/pagination/tailwind.blade.php000064400000021017151232046400014717 0ustar00@if ($paginator->hasPages())
    <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between">
        <div class="flex justify-between flex-1 sm:hidden">
            @if ($paginator->onFirstPage())
                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
                    {!! __('pagination.previous') !!}
                </span>
            @else
                <a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                    {!! __('pagination.previous') !!}
                </a>
            @endif

            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                    {!! __('pagination.next') !!}
                </a>
            @else
                <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
                    {!! __('pagination.next') !!}
                </span>
            @endif
        </div>

        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
            <div>
                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
                    {!! __('Showing') !!}
                    @if ($paginator->firstItem())
                        <span class="font-medium">{{ $paginator->firstItem() }}</span>
                        {!! __('to') !!}
                        <span class="font-medium">{{ $paginator->lastItem() }}</span>
                    @else
                        {{ $paginator->count() }}
                    @endif
                    {!! __('of') !!}
                    <span class="font-medium">{{ $paginator->total() }}</span>
                    {!! __('results') !!}
                </p>
            </div>

            <div>
                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
                    {{-- Previous Page Link --}}
                    @if ($paginator->onFirstPage())
                        <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </span>
                    @else
                        <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.previous') }}">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
                            </svg>
                        </a>
                    @endif

                    {{-- Pagination Elements --}}
                    @foreach ($elements as $element)
                        {{-- "Three Dots" Separator --}}
                        @if (is_string($element))
                            <span aria-disabled="true">
                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $element }}</span>
                            </span>
                        @endif

                        {{-- Array Of Links --}}
                        @if (is_array($element))
                            @foreach ($element as $page => $url)
                                @if ($page == $paginator->currentPage())
                                    <span aria-current="page">
                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $page }}</span>
                                    </span>
                                @else
                                    <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
                                        {{ $page }}
                                    </a>
                                @endif
                            @endforeach
                        @endif
                    @endforeach

                    {{-- Next Page Link --}}
                    @if ($paginator->hasMorePages())
                        <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.next') }}">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
                            </svg>
                        </a>
                    @else
                        <span aria-disabled="true" aria-label="{{ __('pagination.next') }}">
                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
                                </svg>
                            </span>
                        </span>
                    @endif
                </span>
            </div>
        </div>
    </nav>
@endif
views/vendor/pagination/bootstrap-4.blade.php000064400000004044151232046400015263 0ustar00@if ($paginator->hasPages())
    <nav>
        <ul class="pagination">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
                    <span class="page-link" aria-hidden="true">&lsaquo;</span>
                </li>
            @else
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
                </li>
            @endif

            {{-- Pagination Elements --}}
            @foreach ($elements as $element)
                {{-- "Three Dots" Separator --}}
                @if (is_string($element))
                    <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
                @endif

                {{-- Array Of Links --}}
                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        @if ($page == $paginator->currentPage())
                            <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
                        @else
                            <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
                        @endif
                    @endforeach
                @endif
            @endforeach

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
                </li>
            @else
                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
                    <span class="page-link" aria-hidden="true">&rsaquo;</span>
                </li>
            @endif
        </ul>
    </nav>
@endif
views/vendor/pagination/simple-bootstrap-5.blade.php000064400000002224151232046400016551 0ustar00@if ($paginator->hasPages())
    <nav role="navigation" aria-label="Pagination Navigation">
        <ul class="pagination">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <li class="page-item disabled" aria-disabled="true">
                    <span class="page-link">{!! __('pagination.previous') !!}</span>
                </li>
            @else
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
                        {!! __('pagination.previous') !!}
                    </a>
                </li>
            @endif

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <li class="page-item">
                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">{!! __('pagination.next') !!}</a>
                </li>
            @else
                <li class="page-item disabled" aria-disabled="true">
                    <span class="page-link">{!! __('pagination.next') !!}</span>
                </li>
            @endif
        </ul>
    </nav>
@endif
views/vendor/pagination/default.blade.php000064400000003510151232046400014526 0ustar00@if ($paginator->hasPages())
    <nav>
        <ul class="pagination">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
                    <span aria-hidden="true">&lsaquo;</span>
                </li>
            @else
                <li>
                    <a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
                </li>
            @endif

            {{-- Pagination Elements --}}
            @foreach ($elements as $element)
                {{-- "Three Dots" Separator --}}
                @if (is_string($element))
                    <li class="disabled" aria-disabled="true"><span>{{ $element }}</span></li>
                @endif

                {{-- Array Of Links --}}
                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        @if ($page == $paginator->currentPage())
                            <li class="active" aria-current="page"><span>{{ $page }}</span></li>
                        @else
                            <li><a href="{{ $url }}">{{ $page }}</a></li>
                        @endif
                    @endforeach
                @endif
            @endforeach

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <li>
                    <a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
                </li>
            @else
                <li class="disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
                    <span aria-hidden="true">&rsaquo;</span>
                </li>
            @endif
        </ul>
    </nav>
@endif
views/vendor/pagination/bootstrap-5.blade.php000064400000010300151232046400015254 0ustar00@if ($paginator->hasPages())
    <nav class="d-flex justify-items-center justify-content-between">
        <div class="d-flex justify-content-between flex-fill d-sm-none">
            <ul class="pagination">
                {{-- Previous Page Link --}}
                @if ($paginator->onFirstPage())
                    <li class="page-item disabled" aria-disabled="true">
                        <span class="page-link">@lang('pagination.previous')</span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
                    </li>
                @endif

                {{-- Next Page Link --}}
                @if ($paginator->hasMorePages())
                    <li class="page-item">
                        <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
                    </li>
                @else
                    <li class="page-item disabled" aria-disabled="true">
                        <span class="page-link">@lang('pagination.next')</span>
                    </li>
                @endif
            </ul>
        </div>

        <div class="d-none flex-sm-fill d-sm-flex align-items-sm-center justify-content-sm-between">
            <div>
                <p class="small text-muted">
                    {!! __('Showing') !!}
                    <span class="fw-semibold">{{ $paginator->firstItem() }}</span>
                    {!! __('to') !!}
                    <span class="fw-semibold">{{ $paginator->lastItem() }}</span>
                    {!! __('of') !!}
                    <span class="fw-semibold">{{ $paginator->total() }}</span>
                    {!! __('results') !!}
                </p>
            </div>

            <div>
                <ul class="pagination">
                    {{-- Previous Page Link --}}
                    @if ($paginator->onFirstPage())
                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
                            <span class="page-link" aria-hidden="true">&lsaquo;</span>
                        </li>
                    @else
                        <li class="page-item">
                            <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
                        </li>
                    @endif

                    {{-- Pagination Elements --}}
                    @foreach ($elements as $element)
                        {{-- "Three Dots" Separator --}}
                        @if (is_string($element))
                            <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
                        @endif

                        {{-- Array Of Links --}}
                        @if (is_array($element))
                            @foreach ($element as $page => $url)
                                @if ($page == $paginator->currentPage())
                                    <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
                                @else
                                    <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
                                @endif
                            @endforeach
                        @endif
                    @endforeach

                    {{-- Next Page Link --}}
                    @if ($paginator->hasMorePages())
                        <li class="page-item">
                            <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
                        </li>
                    @else
                        <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
                            <span class="page-link" aria-hidden="true">&rsaquo;</span>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </nav>
@endif
views/vendor/pagination/semantic-ui.blade.php000064400000003222151232046400015320 0ustar00@if ($paginator->hasPages())
    <div class="ui pagination menu" role="navigation">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
        @else
            <a class="icon item" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
        @endif

        {{-- Pagination Elements --}}
        @foreach ($elements as $element)
            {{-- "Three Dots" Separator --}}
            @if (is_string($element))
                <a class="icon item disabled" aria-disabled="true">{{ $element }}</a>
            @endif

            {{-- Array Of Links --}}
            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <a class="item active" href="{{ $url }}" aria-current="page">{{ $page }}</a>
                    @else
                        <a class="item" href="{{ $url }}">{{ $page }}</a>
                    @endif
                @endforeach
            @endif
        @endforeach

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <a class="icon item" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
        @else
            <a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
        @endif
    </div>
@endif
views/vendor/pagination/simple-tailwind.blade.php000064400000004041151232046400016204 0ustar00@if ($paginator->hasPages())
    <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
                {!! __('pagination.previous') !!}
            </span>
        @else
            <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                {!! __('pagination.previous') !!}
            </a>
        @endif

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                {!! __('pagination.next') !!}
            </a>
        @else
            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
                {!! __('pagination.next') !!}
            </span>
        @endif
    </nav>
@endif
views/vendor/.gitkeep000066400000000001151232046400010615 0ustar00
views/home.blade.php000066400000000633151232046400010411 0ustar00@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Dashboard</div>

                <div class="panel-body">
                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
views/website/page-news-list.blade.php000066400000003112151232046400013755 0ustar00@extends('website.layouts-inner')
@section('page-body')
<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-apply.jpg') }}" class="img-responsive"/>
</div>
<br>
<section class="inner-page container">
    @foreach($latestPostByCategory as $latestPostByCategory_key => $news)
 
	    @if($latestPostByCategory_key < 4) 
		    <div class="col-md-10 col-md-offset-1 news-wrap">
		        <div class="col-md-4 col-sm-4">
		            @if($news->featured_image != null) 
		            <img src="/photos/mip/shares/{{$news->featured_image}}" class="img-responsive">
		            @else
		            <img src="{{asset('website/images/default.png') }}" class="img-responsive">
		            @endif
		        </div>
		        <div class="col-md-8 col-sm-8">
		            <div id="newsListTitle text-left">
		                <a href="{{ route('website/pages', [$news->slug]) }}" title="View Details" alt="View Details" id="newsListLink">
		                    <h3 class="news-list-title">{{$news->title}}</h3>
		                </a>
		                <p class="news-list-published">{{$news->published_at}}</p>
		            </div>
		            <div id="newsListInfo text-left">
		                {{$news->excerpt}}...<br>
		            </div>
		            </br>
		            <a href="{{ route('website/pages', [$news->slug]) }}"  class="btn btn-red">Continue Reading  →</a>
		            </br></br></br>
		        </div>
		    </div>
	    @endif

	
    @endforeach
    <div class="col-md-10 col-md-offset-1">
        {!! $latestPostByCategory->links() !!}
    </div>
</section>
@stopviews/website/page-company-kpi.blade.php000066400000003543151232046400014267 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="company-kpi">
                <h3>COMPANY'S KPI</h3>
                <p>
                    With the company’s goal to maintain an excellent service to the entire Filipino nation, MIP International Manpower Services, Inc. has consistently achieved its target every single year. The company was able to send more overseas Filipino workers to its partner countries for the past 5 years. Last year’s increase in deployment was noted to be the highest increase that the company has made for the past five (5) years. And as we continue to grow, the company wishes to seize more opportunities to offer occupations to the Filipino nation.
                </p>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/page-general-application.blade.php000064400000174447151232046400015770 0ustar00    @extends('website.layouts-inner')
    @section('page-body')
    <div class="inner-header">
        <img src="{{ asset('website/images/img-inner-header-apply.jpg') }}" class="img-responsive"/>
    </div>
    <section class="inner-page container">
            <div class="panel">
                <div class="panel-body">
                    <!-- MultiStep Form -->
                    <div class="card">
                       
                        <div class="row">
                          
                            <div class="col-sm-12" style="border: 1px solid #6c0304 !important;">
                               <div class="text-center">
                                    <h2 class="form-title"><strong>Apply Now Form | General Application</strong></h2>
                               </div>
                                {!! Form::open(array('route' => 'applygeneral_store', 'class' => 'form form-prevent-mul-submit', 'id' => 'applynowform', 'name' => 'applynowform', 'files' => true)) !!}
                                <ul id="progressbar">
                                    <li @if(!session('message')) class="active" @endif id="personal"><strong>Personal Information</strong></li>
                                    <li id="education"><strong>Education</strong></li>
                                    <li id="work"><strong>Work Experience</strong></li>
                                    <li id="completed" @if(session('message')) class="active" @endif><strong>Completed</strong></li>
                                </ul>
                                <input type="hidden" name="questionWith" value="{{ isset($jobapply) ? $jobapply->first()->type_questionnaire : '' }}">    
                                <!-- fieldsets -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        
                                        <div class="text-center">
                                            <label class="control-label pb-2" style="padding-bottom:20px">All fields with <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span> are required</label>
                                        </div>
                                        
                                        <div class="row form-horizontal">
                                          
                                             <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_uploadPhoto">Upload Photo</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="uploadPhoto" id="uploadPhoto" accept="image/x-png,image/gif,image/jpeg">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm" id="docfileField">
                                                <label class="col-sm-3 control-label" id="label_docFile">Attach Resume</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="docfile" id="docfile"  accept=".doc,.docx,application/msword, application/pdf">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm" id="positionField">
                                                <label class="col-sm-3 control-label" id="label_position">Position Applying <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="position" class="form-control" placeholder="Position" id="position" autocomplete="off" value="{{ ((isset($jobapply)) ? $jobapply->first()->position:'') }}" required/>
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>
                                           <!--  <div class="form-group form-group-sm" id="appliyingForCTPositionField">
                                                <label class="col-sm-3 control-label" id="label_appliyingForCTPosition"></label>
                                                <div class="col-sm-8">
                                                    <input type="checkbox" name="appliyingForCTPosition" id="appliyingForCTPosition" autocomplete="off" value="1"/> Check if you are applying for care taker position
                                                    <div id="appliyingForCTPositionInput"></div>
                                                </div>
                                            </div> -->

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Country</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="country" class="form-control" placeholder="Country" id="country" autocomplete="off" value="{{ ((isset($jobapply)) ? $jobapply->first()->country->name:'') }}">
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="fnameField">
                                                <label class="col-sm-3 control-label" id="label_fname">First Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="fname" class="form-control" placeholder="First Name" id="fname" autocomplete="off" required />
                                                    <div id="fnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="mnameField">
                                                <label class="col-sm-3 control-label" id="label_mname">Middle Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="mname" class="form-control" placeholder="Middle Name" id="mname" autocomplete="off" required />
                                                    <div id="mnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="lnameField">
                                                <label class="col-sm-3 control-label" id="label_lname">Last Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="lname" class="form-control" placeholder="Last Name" id="lname" autocomplete="off" required />
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="birthdateField">
                                                <label class="col-sm-3 control-label" id="label_birthdate">Birthdate <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <div class="input-group">
                                                        <div class="input-group-addon" id="birthdate-wrap">
                                                            <a id="btncalendardate"><i class="fa fa-calendar"></i></a>
                                                        </div>
                                                        <input type="text" id="birthdate" name="birthdate" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" id="birthdate" placeholder="mm/dd/yyyy" required data-mask />
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_gender">Gender <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="gender" value="Male" /> <strong>Male</strong>
                                                            </label>
                                                            <label class="radio-inline" style="padding-left:25px">
                                                                <input type="radio" name="gender" value="Female" /> <strong>Female</strong>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-3 control-label" id="label_marital_status">Marital Status <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-7">
                                                            <select class="form-control" id="marital_status" name="marital_status">
                                                               <option hidden label=" "></option>
                                                                <option value="Single">Single</option>
                                                                <option value="Married">Married</option>
                                                                <option value="Widowed">Widowed</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_religion">Religion</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="religon" id="religon" class="form-control" autocomplete="off">
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Provincial Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="provincial_address" id="provincial_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Present Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="present_address" id="present_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_telephone">Cellphone No. <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <input type="tel" name="telephone" class="form-control intlphone" id="telephone" placeholder="" onkeypress="return isNumber(event)">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="control-label col-sm-3" id="label_facebook">Facebook Account</label>
                                                        <div class="col-sm-7">
                                                            <input type="text" name="facebook" id="facebook" class="form-control" autocomplete="off" placeholder="www.facebook.com/juandelacruz">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_email">Email Address</label>
                                                <div class="col-sm-8">
                                                    <input type="email" name="email" class="form-control emailAddress" placeholder="example@gmail.com" id="email" autocomplete="off">
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_height" for="height">Height (cm)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="height" value="<?php echo (isset($resume->personal->height)) ? $resume->personal->height : ''; ?>" class="form-control" placeholder="Height" id="height" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#cmConverterModal">Convert to cm</a></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm form-row">
                                                <label class="col-sm-3 control-label" id="label_weight" for="height">Weight (kg)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="weight" value="<?php echo (isset($resume->personal->weight)) ? $resume->personal->weight : ''; ?>" class="form-control" placeholder="Weight" id="weight" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#kgConverterModal">Convert to kg</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm" id="passportField">
                                                <label class="col-sm-3 control-label" id="label_passport">Passport <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportYes" value="Yes"  required> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportOnProcess" value="On Process" required /> On Process
                                                    </label>
                                                    <div id="passportInput"></div>
                                                </div>
                                            </div>
                                            
                                            <!-- Passport Details -->
                                            <div id="passportDetails" style="display:none">
                                                <div class="form-group form-group-sm form-row">
                                                    <div class="form-group-sm col-md-2"></div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="inputCity" class="control-label" style="margin-bottom:6px">Passport # <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <input type="text" name="passportNo" class="form-control" placeholder="Passport Number" id="passportNo" autocomplete="off">
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="" id="label_passportNo" class="control-label mt-sm-2" style="margin-bottom:6px">Date Issued <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateIssued"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateIssued" name="dateIssued" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label id="label_dateExpired" class="control-label mt-sm-2" style="margin-bottom:6px">Date of Expiry <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateExpired"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateExpired" name="dateExpired" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                               
                                        </div>
                                    </div>

                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" id="btnStep1" value="Next Step" style="margin: 10px 5px;">
                                </fieldset>
                                @endif
                                <!-- step 2 -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal education">
                                            
                                            <div class="text-center">
                                                <label class="control-label">All fields are required to proceed to the next step.</label>
                                            </div>
                                            <br>
                                            
                                            <input type="hidden" value="1" id="currentEducationCount">
                                            <?php for($i=1; $i<=4; $i++) { ?>
                                            <div id="list<?php echo $i; ?>" <?php if($i>1) echo 'style="display:none;"'; ?>>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label" id="label_education">Education Level</label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" id="education_level<?php echo $i; ?>" name="education_level<?php echo $i; ?>" >
                                                            <option hidden label=" "></option>
                                                            <option value="Elementary">Elementary</option>
                                                            <option value="High School">High School</option>
                                                            <option value="College Level">College Level</option>
                                                            <option value="Bachelors Degree">Bachelors Degree</option>
                                                            <option value="Masters Degree">Masters Degree</option>
                                                            <option value="Doctorate">Doctorate (phd)</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">School / University</label>
                                                    <div class="col-sm-8 field">
                                                        <input type="text" name="school_university<?php echo $i; ?>" class="form-control" id="school_university<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Course</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" name="course<?php echo $i; ?>" class="form-control" id="course<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="startMonth<?php echo $i; ?>" name="startMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="startYear<?php echo $i; ?>" class="form-control mt-sm-2" id="startYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="endMonth<?php echo $i; ?>" name="endMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="endYear<?php echo $i; ?>" class="form-control mt-sm-2" id="endYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>

                                            </div>
                                            <?php } ?>
                                            <br>
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreEducation">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous">
                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep2" style="margin: 10px 5px;">
                                    
                                  
                                </fieldset>
                                @endif
                                <!-- step 3 -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal">
                                         
                                          <div class="text-center">
                                                <label class="control-label" style="padding-bottom: 20px">All fields are required to proceed to the next step.</label>
                                           </div>
                                            
                                          <input type="hidden" value="1" id="currentWorkCount">
                                            <?php for($j=1; $j<=15; $j++) { ?>
                                            <div id="listWork<?php echo $j; ?>" <?php if($j>1) echo 'style="display:none;"'; ?>>
                                           
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Name / Employer Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="company_name<?php echo $j; ?>" class="form-control" id="company_name<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Position</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="step3Position<?php echo $j; ?>" class="form-control" id="step3Position<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Department Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="departmentName<?php echo $j; ?>" class="form-control" id="departmentName<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Address</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="companyAddress<?php echo $j; ?>" class="form-control" id="companyAddress<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary Currency</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salaryCurrency<?php echo $j; ?>" class="form-control" id="salaryCurrency<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salary<?php echo $j; ?>" class="form-control" id="salary<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentStartMonth<?php echo $j; ?>" name="employmentStartMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentStartYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentStartYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            
                                           <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentEndMonth<?php echo $j; ?>" name="employmentEndMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentEndYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentEndYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Job Description</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="jobDescription<?php echo $j; ?>" id="jobDescription<?php echo $j; ?>" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div><!-- listWork -->
                                            <hr>
                                            </div>
                                            <?php } ?>
                                            
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreWork">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous" style="margin:10px">
                                    @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0)
                                        <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep3">
                                    @endif
                                    
                                    @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 0)
                                    <div class="form-group btn-apply-now-wrap text-center">
                                        <button class="btn btn-warning font-weight-bold btn-prevent-mul-submit" type="submit">
                                            <i class="spinner fa fa-refresh fa-spin" style="display:none;"></i> Apply Now!
                                        </button>
                                    </div>
                                    @endif
                                </fieldset> 
                                @endif
            
                                <fieldset>
                                    @if (session('message'))
                                    <div class="form-card">
                                        <div class="alert alert-success text-center" role="alert">
                                          You have completed your application. Thank you!
                                        </div>
                                    </div>
                                    
                                    <div class="text-center" style="margin-bottom:10px">
                                        <a href="job-list" class="btn btn-warning">View other Jobs</a>
                                        <a href="/" class="btn btn-red">Return to the Homepage</a>
                                    </div>
                                    
                                    @endif
                                </fieldset>
                                {!! Form::close() !!}
                            </div>
                        </div>
                   </div><!-- end multi step form -->
                </div>
            </div>
    </section>
    @include('website.height-weight-converter')
    
    @section('applynowstyle')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/css/intlTelInput.css" rel="stylesheet">

    <style>
/*
        .spinner{
            display: none!important
        }
*/
        .text-center{
            text-align: center!important
        }
        
        input[type="button"]:disabled {
          background: #dddddd!important;
        }
        
        #applynowform {
            text-align: center;
            position: relative;
            margin-top: 20px
        }

        #applynowform fieldset:not(:first-of-type) {
            display: none
        }

        #applynowform fieldset .form-card {
            text-align: left;
        }

        #applynowform .action-button {
            width: 100px;
            background: #6c0304;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px
        }

        #applynowform .action-button:hover,
        #applynowform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #6c0304
        }
        
        .btn-secondary{
            font-weight: bold
        }
        
        .btn-secondary:hover{
            background: #616161
        }
        

        .card {
            z-index: 0;
            border: none;
            border-radius: 0.5rem;
            position: relative
        }

        .fs-title {
            font-size: 25px;
            color: #2C3E50;
            margin-bottom: 10px;
            font-weight: bold;
        }

        #progressbar {
            display:flex;
            justify-content: center;
            margin-bottom: 40px;
            padding-left: 0;
            overflow: hidden;
            color: #d4d4d4
        }

        #progressbar li>strong {
            font-size: 15px
        }

        #progressbar .active {
            color: #000000
        }

        #progressbar li {
            list-style-type: none;
            font-size: 12px;
            width: 25%;
            float: left;
            position: relative
        }

        #progressbar #personal:before {
            content: "1"
        }

        #progressbar #education:before {
            font-family: FontAwesome;
            content: "2"
        }

        #progressbar #work:before {
            font-family: FontAwesome;
            content: "3"
        }

        #progressbar #step4:before {
            font-family: FontAwesome;
            content: "4"
        }

        #progressbar #confirm:before {
            font-family: FontAwesome;
            content: "4"
        }
        
        #progressbar #completed:before {
            font-family: FontAwesome;
            content: "\f00c"
        }

        #progressbar li:before {
            width: 50px;
            height: 50px;
            line-height: 45px;
            display: block;
            font-size: 18px;
            color: #ffffff;
            background: lightgray;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 25px;
            z-index: -1
        }

        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #6c0304
        }
        
        .form-horizontal .form-group-sm .control-label {
            font-size: 13px
        }
    </style>

    @stop
    @section('applynowscript')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.14/jquery.datetimepicker.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/js/intlTelInput.min.js"></script>
    @if(!session('message'))
       
        <script>
            (function(){
                $('.form-prevent-mul-submit').on('submit', function() {
                    $('.btn-prevent-mul-submit').attr('disabled', 'true');
                    $('.spinner').show();
                });
            })();
        </script>
        
        <script>
        $(document).ready(function() {
            var current_fs, next_fs, previous_fs; //fieldsets
            var opacity;
            
            $(".next").click(function() {
                
                if($('#passportYes').is(':checked')){
                    if($('#passportNo').val()==''){
                        alert('Passport No. is required.');
                        $('#label_passportNo').css('color', '#ff0000');
                        $('#passportNo').focus();
                        return false;
                    }else if($('#dateIssued').val()==''){
                        alert('Passport Date Issued is required.');
                        $('#label_dateIssued').css('color', '#ff0000');
                        $('#dateIssued').focus();
                        return false;
                    }else if($('#dateExpired').val()==''){
                        alert('Passport Date Expired is required.');
                        $('#label_dateExpired').css('color', '#ff0000');
                        $('#dateExpired').focus();
                        return false;
                    }
                }
                
                if($('#position').val()==''){
                    alert('Position is required.');
                    $('#label_position').css('color', '#ff0000');
                    $('#position').focus();
                    return false;
                } else if($('#fname').val()==''){
                    alert('First name is required.');
                    $('#label_fname').css('color', '#ff0000');
                    $('#fname').focus();
                    return false;
                } else if($('#mname').val()==''){
                    alert('Middle name is required.');
                    $('#label_mname').css('color', '#ff0000');
                    $('#mname').focus();
                    return false;
                } else if($('#lname').val()==''){
                    alert('Last Name is required.');
                    $('#label_lname').css('color', '#ff0000');
                    $('#lname').focus();
                    return false;
                } else if($('#birthdate').val()==''){
                    alert('Birthdate is required.');
                    $('#label_birthdate').css('color', '#ff0000');
                    $('#birthdate').focus();
                    return false;
                } else if(!$('input[name="gender"]').is(':checked')){
                    alert('Gender is required.');
                    $('#label_gender').css('color', '#ff0000');
                    $('#gender').focus();
                    return false;
                } else if($('#marital_status').val()==''){
                    alert('Marital Status is required.');
                    $('#label_marital_status').css('color', '#ff0000');
                    $('#marital_status').focus();
                    return false;
                } else if($('#telephone').val()==''){
                    alert('Cellphone Number is required.');
                    $('#label_telephone').css('color', '#ff0000');
                    $('#telephone').focus();
                    return false;
                } else if(!$('input[name="passport"]').is(':checked')){
                    alert('Passport is required.');
                    $('#label_passport').css('color', '#ff0000');
                    $('#passport').focus();
                    return false;
                } 
//                else if($('#uploadPhoto').val()==''){
//                    alert('Upload Photo is required.');
//                    $('#label_uploadPhoto').css('color', '#ff0000');
//                    $('#uploadPhoto').focus();
//                    return false;
//                }else if($('#docfile').val()==''){
//                    alert('Resume is required.');
//                    $('#label_docFile').css('color', '#ff0000');
//                    $('#docfile').focus();
//                    return false;
//                }
                
                
                //next step
                var form = document.getElementById("applynowform");
                var email = document.getElementById("email").value;
                var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;

                if($('.emailAddress').val()){
                    
                        if(!email.match(pattern)){
                        alert('Invalid email address');
                        $('#label_email').css('color', '#ff0000');
                        $('#email').focus();
                        return false;
                    }
                
                else{

                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                    }
                    
                } else{
                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                }
            });
            //next step
        

            $(".previous").click(function() {
                current_fs = $(this).parent();
                previous_fs = $(this).parent().prev();

                //Remove class active
                $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

                //show the previous fieldset
                previous_fs.show();

                //hide the current fieldset with style
                current_fs.animate({
                    opacity: 0
                }, {
                    step: function(now) {
                        // for making fielset appear animation
                        opacity = 1 - now;

                        current_fs.css({
                            'display': 'none',
                            'position': 'relative'
                        });
                        previous_fs.css({
                            'opacity': opacity
                        });
                    },
                    duration: 600
                });
            });

        });
    </script>

    <!--  Atleast 1 education filled -->
    <script type="text/javascript">
        (function() {
            $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').on('change keyup', function () {
                
                var empty = false;
                $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep2').attr('disabled', 'disabled');
                } else {
                    $('#btnStep2').removeAttr('disabled');
                }
            });
        })()
    </script>
    
    <!--  Atleast 1 work filled -->
    <script type="text/javascript">
        (function() {
            $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').on('change keyup', function () {
                
                var empty = false;
                $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep3').attr('disabled', 'disabled');
                } else {
                    $('#btnStep3').removeAttr('disabled');
                }
            });
        })()
    </script>

    <!-- hide/show of passport details -->
    <script type="text/javascript">
        function yesnoCheck() {
            if (document.getElementById('passportYes').checked) {
                document.getElementById('passportDetails').style.display = 'block';
        
            } else {
                document.getElementById('passportDetails').style.display = 'none';
            }
        }
    </script>
    
    <script>
        $('#addMoreEducation').click(function() {
            var currentEducationCount = parseInt($('#currentEducationCount').val()) + 1;
            if (currentEducationCount > 4) {
                alert('Maximum of 4 only.');
                return false;
            }
            $('#list' + currentEducationCount).show();
            $('#currentEducationCount').val(currentEducationCount);
        });
    </script>
    
    <script>
        $('#addMoreWork').click(function() {
            var currentWorkCount = parseInt($('#currentWorkCount').val()) + 1;
            if (currentWorkCount > 15) {
                alert('Maximum of 15 only.');
                return false;
            }
            $('#listWork' + currentWorkCount).show();
            $('#currentWorkCount').val(currentWorkCount);
        });
    </script>

    <script>
        var currentDate = new Date();
        $("#birthdate").datepicker({
            yearRange: "-70:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
            defaultDate: '01/01/1990'
        }).attr('readonly', 'readonly');
        
        $('#btncalendardate').click(function() {
            $('#birthdate').show().focus();
        });
        

        $("#dateIssued").datepicker({
            yearRange: "-11:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
    
        $('#btndateIssued').click(function() {
            $('#dateIssued').show().focus();
        });
        
        $("#dateExpired").datepicker({
            yearRange: "-11:+11",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
        $('#btndateExpired').click(function() {
            $('#dateExpired').show().focus();
        });
    </script>
    
    <script>
        $("#telephone").intlTelInput({
            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.6/js/utils.js",
            initialCountry: "PH"
        });
        $(document).ready(function(){
          $('#telephone').bind("paste",function(e) {
              e.preventDefault();
          });
        });
    </script>
    
    <script>
        function isNumberKey(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }

        function doModalCM() {
            $('#cmConverterModal').modal();
            $('#feet').val('');
            $('#inch').val('');
        }

        function doModalKG() {
            $('#kgConverterModal').modal();
            $('#pounds').val('');
        }

        function apiConvert() {
            //Clear output field:
            $('#height').val('');
            var urfeet = $('#feet').val();
            var urinch = $('#inch').val();
            var urcenti = "";
            var ch = (urfeet * 100 / 3.28);
            var cf = (urinch / 12 * 100 / 3.28);
            var ans = ch + cf;
            $('#height').val(Math.round(ans));
            $('#cmConverterModal').modal('hide');
        }

        function apiConvertPounds() {
            // Clear output field:
            $('#weight').val('');
            var urpounds = $('#pounds').val();
            var urkilos = "";
            var temp = (urpounds / 2.2046);
            $('#weight').val(Math.round(temp));
            $('#kgConverterModal').modal('hide');
        }
    </script>
    
    
    @endif
    @stop
    @stop
views/website/page-facilities.blade.php000066400000014154151232046400014154 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-facilities.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <h3>Facilities</h3>
            <p>Apart from having its building to accommodate all the facilities of the agency, we are continually upgrading our system to ensure expeditious action on the requests and queries of foreign employers and prospective principals, a 24-hour hotline is dedicated to respond to client heeds and monitor the welfare of our deployed workers.</p>

            <div class="row">
                <div class="col-sm-6" align="center">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/1.jpg') }}"><img src="{{ asset('website/images/facilities/1.jpg') }}" class="img-responsive">
                    </a>
                    <h3 class="slider-title" style="padding-top:10px">Hallway</h3>
                </div>
                <div class="col-sm-6" align="center">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/2.jpg') }}"><img src="{{ asset('website/images/facilities/2.jpg') }}" class="img-responsive">
                    </a>
                    <h3 class="slider-title" style="padding-top:10px">Briefing Room</h3>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6" align="center">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/3.jpg') }}">
                        <img src="{{ asset('website/images/facilities/3.jpg') }}" class="img-responsive">
                    </a>
                    <h3 class="slider-title" style="padding-top:10px">Waiting Area</h3>
                </div>

                <div class="col-sm-6" align="center">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/4.jpg') }}">
                        <img src="{{ asset('website/images/facilities/4.jpg') }}" class="img-responsive">
                    </a>
                    <h3 class="slider-title" style="padding-top:10px">Interview Room</h3>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/5.jpg') }}">
                        <img src="{{ asset('website/images/facilities/5.jpg') }}" class="img-responsive">
                    </a>
                </div>

                <div class="col-sm-6">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/6.jpg') }}">
                        <img src="{{ asset('website/images/facilities/6.jpg') }}" class="img-responsive">
                    </a>
                </div>
            </div>

            <div align="center" style="padding-top:15px">
                <h3 class="slider-title">Conference Room</h3>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/7.jpg') }}">
                        <img src="{{ asset('website/images/facilities/7.jpg') }}" class="img-responsive">
                    </a>
                </div>

                <div class="col-sm-6">
                    <a class="fancybox" rel="group" href="{{ asset('website/images/facilities/8.jpg') }}">
                        <img src="{{ asset('website/images/facilities/8.jpg') }}" class="img-responsive">
                    </a>
                </div>
            </div>
            
            <div align="center" style="padding-top:15px">
                <h3 class="slider-title">The President's Office</h3>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">

<!-- Add fancyBox -->
<link rel="stylesheet" href="{{ asset('website/fancybox/source/jquery.fancybox.css?v=2.1.5') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('website/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('website/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7') }}" type="text/css" media="screen">

@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();
</script>

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="{{ asset('website/fancybox/lib/jquery.mousewheel-3.0.6.pack.js') }}"></script>

<script type="text/javascript" src="{{ asset('website/fancybox/source/jquery.fancybox.pack.js?v=2.1.5') }}"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5') }}"></script>
<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6') }}"></script>

<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7') }}"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>
@stop


@stop
views/website/page-contact-us.blade.php000066400000005206151232046400014116 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-contact.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <h3>Contact Us</h3>
            <img src="{{ asset('website/images/map.jpg') }}" /> <br /><br />
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3859.722908896688!2d121.01647731432101!3d14.67166017926586!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397b6c39b8f8867%3A0x44dc9514d8a3bcac!2sMIP+International+Manpower+Services!5e0!3m2!1sen!2sph!4v1466672852297" width="555" height="315" frameborder="0" style="border:0" allowfullscreen></iframe>
            <div><br />
                <h3>MIP Address and Contact Details</h3>
                Mezz Floor &amp; 3rd Floor, MIP Building, 28 GSIS Avenue GSIS Village,Project 8, Quezon City, 1116 Metro Manila

                <br /> TEL # : (02) - 927-0848
                <br />FAX # : (02) - 927-0861
                <br />EMAIL ADDRESS : <a href="mailto:mip_intlmanpowerservices@yahoo.com">mip_intlmanpowerservices@yahoo.com </a>
                <br />like us @ : <a href="https://www.facebook.com/MIPofficialagency/" target="_blank">https://www.facebook.com/MIPofficialagency/ </a>
                <br />website : <a href=" http://www.mipinternational.com">http://www.mipinternational.com</a>
                <br />
                <h3>MIP Number per Department
                </h3>
                Taiwan Department CP #: 0917-7960957 / 0998-5569634
                <br />Dh Department CP #: 0917-5233957 / 0998-5624009
                <br />SG Department CP #: 0917-6380165 / 0998-5624007
            </div>

        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();
</script>
@stop


@stop
views/website/page-job-list.blade.php000066400000006514151232046400013564 0ustar00@extends('website.layouts-inner')
@section('datatablestyle')
    <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
    <style>
    #jobstbl_filter{
    display: none
        }
        .btn-datatable{
            background-color: #6c0304;
            color: #fff!important
        }
        .btn-datatable:hover {
            background-color: #530304;
        }
</style>
@stop
@section('page-body')
<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-apply.jpg') }}" class="img-responsive"/>
</div>
<br>
<section class="inner-page container">
    <div class="table-filter-form" style="background-color: #6c0304; padding: 30px 30px 16px 30px;">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" class="form-control" id="position_search" class="position_search" placeholder="Position">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" class="form-control" id="location_search" class="location_search" placeholder="Location">
                </div>
            </div>
        </div>
    </div>
    <br>
    <div class="table-responsive">
        <table id="jobstbl" class="display jobstbl table-striped table-responsive" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th class="slug">Slug</th>
                    <th>Position</th>
                    <th>Country</th>
                    <th>Date Open</th>
                    <th>Date Close</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</section>
@stop
@section('datatablescript')
<script src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
             $('.jobstbl').DataTable({
               processing: true,
               serverSide: true,
               ordering: false,
               responsive: true,
               ajax: {
                    url: "{{ route('datatable.getjobs') }}",
                    type: "POST",
                    'headers': {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                },
               columns: [
                     {data: 'slug', name: 'slug', visible: false},
                     {data: 'position', name: 'position'},
                     {data: 'country_name', name: 'country.name'},
                     {data: 'opening_date', name: 'opening_date'},
                     {data: 'closing_date', name: 'closing_date', visible: false},
                     {data: 'status', name: 'status', visible: false},
                     {data: 'action', name: 'action', orderable: false, searchable: false}
                     ]
                });
           });
     $('#position_search').on('keyup change', function(){
             $('#jobstbl').DataTable().columns(1).search($(this).val()).draw();
            });
    
            $('#location_search').on('keyup change', function(){
             $('#jobstbl').DataTable().columns(2).search($(this).val()).draw();
           });     
</script>
@stop
@push('scripts')views/website/page-the-president.blade.php000066400000003451151232046400014611 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="president">
                <h3>THE PRESIDENT</h3>
                <p>
                    <img src="{{ asset('website/images/facilities/img-the-president-1.jpg') }}" class="img-responsive" /><br>
                    Her belief that “our vast human resources will contribute to the rapid development in host countries and strengthen the Philippine economy” is the cornerstone of her management style. Through her efforts, the agency has forged recruitment agreements with leading foreign employers, and deployed Filipino workers under fair yet competitive employment terms.
                </p>
            </div>
        </div>
    </div>
</div>


@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/page-apply-now.blade.php000064400000266156151232046400013777 0ustar00    @extends('website.layouts-inner')
    @section('page-body')
    <div class="inner-header">
        <img src="{{ asset('website/images/img-inner-header-apply.jpg') }}" class="img-responsive"/>
    </div>
    <section class="inner-page container">
            <div class="panel">
                <div class="panel-body">
                    <!-- MultiStep Form -->
                    <div class="card">
                       
                        <div class="row">
                          
                            <div class="col-sm-12" style="border: 1px solid #6c0304 !important;">
                               <div class="text-center">
                                    <h2 class="form-title"><strong>Apply Now Form</strong></h2>
                               </div>
                                {!! Form::open(array('route' => 'applynow_store', 'class' => 'form form-prevent-mul-submit', 'id' => 'applynowform', 'name' => 'applynowform', 'files' => true)) !!}
                                <ul id="progressbar">
                                    <li @if(!session('message')) class="active" @endif id="personal"><strong>Personal Information</strong></li>
                                    <li id="education"><strong>Education</strong></li>
                                    <li id="work"><strong>Work Experience</strong></li>
                                    @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0)
                                    <li id="confirm"><strong>Questionnaire</strong></li>
                                    @endif
                                    @if(session('message') && !empty(session('message')))
                                    <li id="confirm"><strong>Questionnaire</strong></li>
                                    @endif
                                    <li id="completed" @if(session('message')) class="active" @endif><strong>Completed</strong></li>
                                </ul>
                                <input type="hidden" name="questionWith" value="{{ isset($jobapply) ? $jobapply->first()->type_questionnaire : '' }}">    
                                <!-- fieldsets -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        
                                        <div class="text-center">
                                            <label class="control-label pb-2" style="padding-bottom:20px">All fields with <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span> are required</label>
                                        </div>
                                        
                                        <div class="row form-horizontal">
                                          
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_uploadPhoto">Upload Photo</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="uploadPhoto" id="uploadPhoto" accept="image/x-png,image/gif,image/jpeg">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm" id="docfileField">
                                                <label class="col-sm-3 control-label" id="label_docFile">Attach Resume</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="docfile" id="docfile"  accept=".doc,.docx,application/msword, application/pdf">
                                                </div>
                                            </div>
                                           
                                            <div class="form-group form-group-sm" id="positionField">
                                                <label class="col-sm-3 control-label" id="label_position">Position Applying</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="position" class="form-control" placeholder="Position" id="position" autocomplete="off" value="{{ ((isset($jobapply)) ? $jobapply->first()->position:'') }}" readonly required/>
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>

                                            @if(isset($jobapply))
                                            <div class="form-group form-group-sm" id="appliyingForCTPositionField">
                                                <label class="col-sm-3 control-label" id="label_appliyingForCTPosition"></label>
                                                <div class="col-sm-8">
                                                    <input type="checkbox" name="appliyingForCTPosition" id="appliyingForCTPosition" autocomplete="off" value="1"/> Check if you are applying for care taker position
                                                    <div id="appliyingForCTPositionInput"></div>
                                                </div>
                                            </div>
                                            @endif

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Country</label>
                                                <div class="col-sm-8">
                                                    <input type="hidden" name="selected_country_id" class="form-control" placeholder="Country" id="selected_country_id" autocomplete="off" value="{{ ((isset($jobapply)) ? $jobapply->first()->country->id:'') }}" readonly />
                                                    <input type="text" name="country" class="form-control" placeholder="Country" id="country" autocomplete="off" value="{{ ((isset($jobapply)) ? $jobapply->first()->country->name:'') }}" readonly required />
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="fnameField">
                                                <label class="col-sm-3 control-label" id="label_fname">First Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="fname" class="form-control" placeholder="First Name" id="fname" autocomplete="off" required />
                                                    <div id="fnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="mnameField">
                                                <label class="col-sm-3 control-label" id="label_mname">Middle Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="mname" class="form-control" placeholder="Middle Name" id="mname" autocomplete="off" required />
                                                    <div id="mnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="lnameField">
                                                <label class="col-sm-3 control-label" id="label_lname">Last Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="lname" class="form-control" placeholder="Last Name" id="lname" autocomplete="off" required />
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="birthdateField">
                                                <label class="col-sm-3 control-label" id="label_birthdate">Birthdate <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <div class="input-group">
                                                        <div class="input-group-addon" id="birthdate-wrap">
                                                            <a id="btncalendardate"><i class="fa fa-calendar"></i></a>
                                                        </div>
                                                        <input type="text" id="birthdate" name="birthdate" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" id="birthdate" placeholder="mm/dd/yyyy" required data-mask />
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_gender">Gender <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="gender" value="Male" /> <strong>Male</strong>
                                                            </label>
                                                            <label class="radio-inline" style="padding-left:25px">
                                                                <input type="radio" name="gender" value="Female" /> <strong>Female</strong>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-3 control-label" id="label_marital_status">Marital Status <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-7">
                                                            <select class="form-control" id="marital_status" name="marital_status" >
                                                                <option hidden label=" "></option>
                                                                <option value="Single">Single</option>
                                                                <option value="Married">Married</option>
                                                                <option value="Widowed">Widowed</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_religion">Religion</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="religon" id="religon" class="form-control" autocomplete="off">
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Provincial Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="provincial_address" id="provincial_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Present Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="present_address" id="present_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_telephone">Cellphone No. <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <input type="tel" name="telephone" class="form-control intlphone" id="telephone" placeholder="" onkeypress="return isNumber(event)">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="control-label col-sm-3" id="label_facebook">Facebook Account</label>
                                                        <div class="col-sm-7">
                                                            <input type="text" name="facebook" id="facebook" class="form-control" autocomplete="off" placeholder="www.facebook.com/juandelacruz">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_email">Email Address </label>
                                                <div class="col-sm-8">
                                                    <input type="email" name="email" class="form-control emailAddress" placeholder="example@gmail.com" id="email" autocomplete="off">
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_height" for="height">Height (cm)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="height" value="<?php echo (isset($resume->personal->height)) ? $resume->personal->height : ''; ?>" class="form-control" placeholder="Height" id="height" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#cmConverterModal">Convert to cm</a></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm form-row">
                                                <label class="col-sm-3 control-label" id="label_weight" for="height">Weight (kg)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="weight" value="<?php echo (isset($resume->personal->weight)) ? $resume->personal->weight : ''; ?>" class="form-control" placeholder="Weight" id="weight" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#kgConverterModal">Convert to kg</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm" id="passportField">
                                                <label class="col-sm-3 control-label" id="label_passport">Passport <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportYes" value="Yes"  required> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportOnProcess" value="On Process" required /> On Process
                                                    </label>
                                                    <div id="passportInput"></div>
                                                </div>
                                            </div>
                                            
                                            <!-- Passport Details -->
                                            <div id="passportDetails" style="display:none">
                                                <div class="form-group form-group-sm form-row">
                                                    <div class="form-group-sm col-md-2"></div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="inputCity" class="control-label" style="margin-bottom:6px">Passport # <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <input type="text" name="passportNo" class="form-control" placeholder="Passport Number" id="passportNo" autocomplete="off">
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="" id="label_passportNo" class="control-label mt-sm-2" style="margin-bottom:6px">Date Issued <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateIssued"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateIssued" name="dateIssued" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label id="label_dateExpired" class="control-label mt-sm-2" style="margin-bottom:6px">Date of Expiry <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateExpired"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateExpired" name="dateExpired" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" id="btnStep1" value="Next Step" style="margin:10px">
                                </fieldset>
                                @endif
                                <!-- step 2 -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal education">
                                            
                                            <div class="text-center">
                                                <label class="control-label pb-2">All fields are required to proceed to the next step.</label>
                                            </div>
                                            <br>
                                            
                                            <input type="hidden" value="1" id="currentEducationCount">
                                            <?php for($i=1; $i<=4; $i++) { ?>
                                            <div id="list<?php echo $i; ?>" <?php if($i>1) echo 'style="display:none;"'; ?>>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label" id="label_education">Education Level</label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" id="education_level<?php echo $i; ?>" name="education_level<?php echo $i; ?>" >
                                                            <option hidden label=" "></option>
                                                            <option value="Elementary">Elementary</option>
                                                            <option value="High School">High School</option>
                                                            <option value="College Level">College Level</option>
                                                            <option value="Bachelors Degree">Bachelors Degree</option>
                                                            <option value="Masters Degree">Masters Degree</option>
                                                            <option value="Doctorate">Doctorate (phd)</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">School / University</label>
                                                    <div class="col-sm-8 field">
                                                        <input type="text" name="school_university<?php echo $i; ?>" class="form-control" id="school_university<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Course</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" name="course<?php echo $i; ?>" class="form-control" id="course<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="startMonth<?php echo $i; ?>" name="startMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="startYear<?php echo $i; ?>" class="form-control mt-sm-2" id="startYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="endMonth<?php echo $i; ?>" name="endMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="endYear<?php echo $i; ?>" class="form-control mt-sm-2" id="endYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>

                                            </div>
                                            <?php } ?>
                                            <br>
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreEducation">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous">
                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep2">
                                </fieldset>
                                @endif
                                <!-- step 3 -->
                                @if(!session('message'))
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal">
                                         
                                          <div class="text-center">
                                                <label class="control-label" style="padding-bottom: 20px">All fields are required to proceed to the next step.</label>
                                           </div>
                                            
                                          <input type="hidden" value="1" id="currentWorkCount">
                                            <?php for($j=1; $j<=15; $j++) { ?>
                                            <div id="listWork<?php echo $j; ?>" <?php if($j>1) echo 'style="display:none;"'; ?>>
                                           
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Name / Employer Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="company_name<?php echo $j; ?>" class="form-control" id="company_name<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Position</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="step3Position<?php echo $j; ?>" class="form-control" id="step3Position<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Department Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="departmentName<?php echo $j; ?>" class="form-control" id="departmentName<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Address</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="companyAddress<?php echo $j; ?>" class="form-control" id="companyAddress<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary Currency</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salaryCurrency<?php echo $j; ?>" class="form-control" id="salaryCurrency<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salary<?php echo $j; ?>" class="form-control" id="salary<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentStartMonth<?php echo $j; ?>" name="employmentStartMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentStartYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentStartYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            
                                           <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentEndMonth<?php echo $j; ?>" name="employmentEndMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentEndYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentEndYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Job Description</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="jobDescription<?php echo $j; ?>" id="jobDescription<?php echo $j; ?>" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div><!-- listWork -->
                                            <hr>
                                            </div>
                                            <?php } ?>
                                            
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreWork">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous" style="margin:10px">
                                    @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0)
                                        <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep3">
                                    @endif
                                    
                                    @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 0)
                                    <div class="form-group btn-apply-now-wrap text-center">
                                        <button class="btn btn-warning font-weight-bold btn-prevent-mul-submit" type="submit">
                                            <i class="spinner fa fa-refresh fa-spin" style="display:none;"></i> Apply Now!
                                        </button>
                                    </div>
                                    @endif
                                    
                                </fieldset> 
                                @endif
                                @if(!session('message'))
                                @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0)
                                <!-- step 4 -->
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal">
                                            <!-- <h1>Taiwan</h1> -->
                                            @if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 1)

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience in electronics company? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceElectronics" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceElectronics" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceElectronics"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience in semicon company? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSemicon" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSemicon" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSemicon"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have a Soldering experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSoldering" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSoldering" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSoldering"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have a CNC/ Lathe Machine experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceCNC" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceCNC" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceCNC"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience as a Sewer? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSewer" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSewer" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSewer"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you a First Timer in Abroad? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryFirstTimeAbroad" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryFirstTimeAbroad" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryFirstTimeAbroad"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you smoking? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactorySmoking" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactorySmoking" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactorySmoking"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you Drinking Alcohol? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryDrinkingAlcohol" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryDrinkingAlcohol" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryDrinkingAlcohol"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Hand Sweat? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryHandSweat" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryHandSweat" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryHandSweat"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-5 control-label">Eyesight? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-7">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Normal" required /> Normal
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Near Sighted" required /> Near Sighted
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Far Sighted" required /> Far Sighted
                                                    </label>
                                                    <div id="taiwanFactoryEyesight"></div>
                                                </div>
                                            </div>

                                            <!-- Singapore -->
                                            @elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 2)
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="singaporeNurseOverseasExperience" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="singaporeNurseOverseasExperience" value="No" required /> No
                                                    </label>
                                                    <div id="singaporeNurseOverseasExperience"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What Country?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseWhatCountry" class="form-control" id="singaporeNurseWhatCountry" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Name of Hospital/Employer?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseNameEmployer" class="form-control" id="singaporeNurseNameEmployer" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Bed Capacity?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseBedCapacity" class="form-control" id="singaporeNurseBedCapacity" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your area of exposure?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseAreaExposure" class="form-control" id="singaporeNurseAreaExposure" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNursePosition" class="form-control" id="singaporeNursePosition" autocomplete="off" />
                                                </div>
                                            </div>


                                            <!-- Domestic Helper -->
                                            @elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 3)
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas Experience as Domestic Helper? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperOverseasExperience" value="Yes" /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperOverseasExperience" value="No" /> No
                                                    </label>
                                                    <div id="domesticHelperOverseasExperience"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="domesticHelperWorkingPeriod" class="form-control" id="domesticHelperWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Reason for leaving:</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="domesticHelperLeaving" id="domesticHelperLeaving" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Experience in Taking care babies? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareBabies" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareBabies" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperTakingCareBabies"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you experience looking after Aged / Bedridden? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareAges" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareAges" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperTakingCareAges"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Can you cook simple meal without any supervision? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperCook" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperCook" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperCook"></div>
                                                </div>
                                            </div>

                                            <!-- Korea Performing Arts -->
                                            @elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 4)
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas experience as Singer in Club/Resto Bar? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="koreaPerformingArtsSinger" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="koreaPerformingArtsSinger" value="No" required /> No
                                                    </label>
                                                    <div id="koreaPerformingArtsSinger"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position? </label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="koreaPerformingArtsPosition" id="koreaPerformingArtsPosition" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="koreaPerformingArtsWorkingPeriod" class="form-control" id="domesticHelperWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>

                                            <!-- China English Teacher -->
                                            @elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 5)
                                            <!-- <h1>CHINA ENGLISH TEACHER</h1>-->
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have overseas experience in Teaching? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="chinaEnglishTeacherExperience" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="chinaEnglishTeacherExperience" value="No" required /> No
                                                    </label>
                                                    <div id="chinaEnglishTeacherExperience"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position? </label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="chinaEnglishTeacherArtsPosition" id="chinaEnglishTeacherArtsPosition" rows="3"></textarea>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="chinaEnglishTeacherWorkingPeriod" class="form-control" id="chinaEnglishTeacherWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>
                                            
                                            @endif
                                     
                                            <div class="form-group btn-apply-now-wrap text-center">
                                                <!-- {!! Form::submit('Apply Now!', array('class'=>'btn btn-warning font-weight-bold')) !!}-->
                                                <button class="btn btn-warning font-weight-bold btn-prevent-mul-submit" type="submit">
                                                    <i class="spinner fa fa-refresh fa-spin" style="display:none;"></i> Apply Now!
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <!-- step 4 -->
                                @endif
                                @endif
                                <fieldset>
                                    @if (session('message'))
                                    <div class="form-card">
                                        <div class="alert alert-success text-center" role="alert">
                                          You have completed your application. Thank you!
                                        </div>
                                    </div>
                                    
                                    <div class="text-center" style="margin-bottom:10px">
                                        <a href="job-list" class="btn btn-warning">View other Jobs</a>
                                        <a href="/" class="btn btn-red">Return to the Homepage</a>
                                    </div>
                                    
                                    @endif
                                </fieldset>
                                {!! Form::close() !!}
                            </div>
                        </div>
                   </div><!-- end multi step form -->
                </div>
            </div>
    </section>
    @include('website.height-weight-converter')
    
    @section('applynowstyle')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/css/intlTelInput.css" rel="stylesheet">

    <style>
        .text-center{
            text-align: center!important
        }
        
        input[type="button"]:disabled {
          background: #dddddd!important;
        }
        
        #applynowform {
            text-align: center;
            position: relative;
            margin-top: 20px
        }

        #applynowform fieldset:not(:first-of-type) {
            display: none
        }

        #applynowform fieldset .form-card {
            text-align: left;
        }

        #applynowform .action-button {
            width: 100px;
            background: #6c0304;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px
        }

        #applynowform .action-button:hover,
        #applynowform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #6c0304
        }

        .btn-secondary{
            font-weight: bold;
            margin: 10px 5px;
        }
        
        .btn-secondary:hover{
            background: #616161
        }

        .card {
            z-index: 0;
            border: none;
            border-radius: 0.5rem;
            position: relative
        }

        .fs-title {
            font-size: 25px;
            color: #2C3E50;
            margin-bottom: 10px;
            font-weight: bold;
        }

        #progressbar {
            display:flex;
            justify-content: center;
            margin-bottom: 40px;
            padding-left: 0;
            overflow: hidden;
            color: #d4d4d4
        }

        #progressbar li>strong {
            font-size: 15px
        }

        #progressbar .active {
            color: #000000
        }

        #progressbar li {
            list-style-type: none;
            font-size: 12px;
            width: 25%;
            float: left;
            position: relative
        }

        #progressbar #personal:before {
            content: "1"
        }

        #progressbar #education:before {
            font-family: FontAwesome;
            content: "2"
        }

        #progressbar #work:before {
            font-family: FontAwesome;
            content: "3"
        }

        #progressbar #step4:before {
            font-family: FontAwesome;
            content: "4"
        }

        #progressbar #confirm:before {
            font-family: FontAwesome;
            content: "4"
        }
        
        #progressbar #completed:before {
            font-family: FontAwesome;
            content: "\f00c"
        }

        #progressbar li:before {
            width: 50px;
            height: 50px;
            line-height: 45px;
            display: block;
            font-size: 18px;
            color: #ffffff;
            background: lightgray;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 25px;
            z-index: -1
        }

        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #6c0304
        }
        
        .form-horizontal .form-group-sm .control-label {
            font-size: 13px
        }
    </style>

    @stop
    @section('applynowscript')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.14/jquery.datetimepicker.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/js/intlTelInput.min.js"></script>
    @if(!session('message'))
       
        <script>
             (function(){
                $('.form-prevent-mul-submit').on('submit', function() {
                    $('.btn-prevent-mul-submit').attr('disabled', 'true');
                    $('.spinner').show();
                });
            })();
        </script>
       
        <script>
        $(document).ready(function() {
            var current_fs, next_fs, previous_fs; //fieldsets
            var opacity;
            
            $(".next").click(function() {
                
                if($('#passportYes').is(':checked')){
                    if($('#passportNo').val()==''){
                        alert('Passport No. is required.');
                        $('#label_passportNo').css('color', '#ff0000');
                        $('#passportNo').focus();
                        return false;
                    }else if($('#dateIssued').val()==''){
                        alert('Passport Date Issued is required.');
                        $('#label_dateIssued').css('color', '#ff0000');
                        $('#dateIssued').focus();
                        return false;
                    }else if($('#dateExpired').val()==''){
                        alert('Passport Date Expired is required.');
                        $('#label_dateExpired').css('color', '#ff0000');
                        $('#dateExpired').focus();
                        return false;
                    }
                }
                
                if($('#position').val()==''){
                    alert('Position is required.');
                    $('#label_position').css('color', '#ff0000');
                    $('#position').focus();
                    return false;
                } else if($('#fname').val()==''){
                    alert('First name is required.');
                    $('#label_fname').css('color', '#ff0000');
                    $('#fname').focus();
                    return false;
                } else if($('#mname').val()==''){
                    alert('Middle name is required.');
                    $('#label_mname').css('color', '#ff0000');
                    $('#mname').focus();
                    return false;
                } else if($('#lname').val()==''){
                    alert('Last Name is required.');
                    $('#label_lname').css('color', '#ff0000');
                    $('#lname').focus();
                    return false;
                } else if($('#birthdate').val()==''){
                    alert('Birthdate is required.');
                    $('#label_birthdate').css('color', '#ff0000');
                    $('#birthdate').focus();
                    return false;
                } else if(!$('input[name="gender"]').is(':checked')){
                    alert('Gender is required.');
                    $('#label_gender').css('color', '#ff0000');
                    $('#gender').focus();
                    return false;
                } else if($('#marital_status').val()==''){
                    alert('Marital Status is required.');
                    $('#label_marital_status').css('color', '#ff0000');
                    $('#marital_status').focus();
                    return false;
                } else if($('#telephone').val()==''){
                    alert('Cellphone Number is required.');
                    $('#label_telephone').css('color', '#ff0000');
                    $('#telephone').focus();
                    return false;
                } else if(!$('input[name="passport"]').is(':checked')){
                    alert('Passport is required.');
                    $('#label_passport').css('color', '#ff0000');
                    $('#passport').focus();
                    return false;
                }
                //    else if($('#uploadPhoto').val()==''){
//                    alert('Upload Photo is required.');
//                    $('#label_uploadPhoto').css('color', '#ff0000');
//                    $('#uploadPhoto').focus();
//                    return false;
//                }else if($('#docfile').val()==''){
//                    alert('Resume is required.');
//                    $('#label_docFile').css('color', '#ff0000');
//                    $('#docfile').focus();
//                    return false;
//                }
                

                //next step
                var form = document.getElementById("applynowform");
                var email = document.getElementById("email").value;
                var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;

                if($('.emailAddress').val()){
                    
                        if(!email.match(pattern)){
                        alert('Invalid email address');
                        $('#label_email').css('color', '#ff0000');
                        $('#email').focus();
                        return false;
                    }
                
                else{

                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                    }
                    
                } else{
                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                }
            });
            //next step
        

            $(".previous").click(function() {
                current_fs = $(this).parent();
                previous_fs = $(this).parent().prev();

                //Remove class active
                $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

                //show the previous fieldset
                previous_fs.show();

                //hide the current fieldset with style
                current_fs.animate({
                    opacity: 0
                }, {
                    step: function(now) {
                        // for making fielset appear animation
                        opacity = 1 - now;

                        current_fs.css({
                            'display': 'none',
                            'position': 'relative'
                        });
                        previous_fs.css({
                            'opacity': opacity
                        });
                    },
                    duration: 600
                });
            });

        });
    </script>

    <!--  Atleast 1 education filled -->
    <script type="text/javascript">
        (function() {
            $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').on('change keyup', function () {
                
                var empty = false;
                $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep2').attr('disabled', 'disabled');
                } else {
                    $('#btnStep2').removeAttr('disabled');
                }
            });
        })()
    </script>
    
    <!--  Atleast 1 work filled -->
    <script type="text/javascript">
        (function() {
            $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').on('change keyup', function () {
                
                var empty = false;
                $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep3').attr('disabled', 'disabled');
                } else {
                    $('#btnStep3').removeAttr('disabled');
                }
            });
        })()
    </script>

    <!-- hide/show of passport details -->
    <script type="text/javascript">
        function yesnoCheck() {
            if (document.getElementById('passportYes').checked) {
                document.getElementById('passportDetails').style.display = 'block';
        
            } else {
                document.getElementById('passportDetails').style.display = 'none';
            }
        }
    </script>
    
    <script>
        $('#addMoreEducation').click(function() {
            var currentEducationCount = parseInt($('#currentEducationCount').val()) + 1;
            if (currentEducationCount > 4) {
                alert('Maximum of 4 only.');
                return false;
            }
            $('#list' + currentEducationCount).show();
            $('#currentEducationCount').val(currentEducationCount);
        });
    </script>
    
    <script>
        $('#addMoreWork').click(function() {
            var currentWorkCount = parseInt($('#currentWorkCount').val()) + 1;
            if (currentWorkCount > 15) {
                alert('Maximum of 15 only.');
                return false;
            }
            $('#listWork' + currentWorkCount).show();
            $('#currentWorkCount').val(currentWorkCount);
        });
    </script>

    <script>
        var currentDate = new Date();
        $("#birthdate").datepicker({
            yearRange: "-70:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
            defaultDate: '01/01/1990'
        }).attr('readonly', 'readonly');
        
        $('#btncalendardate').click(function() {
            $('#birthdate').show().focus();
        });
        

        $("#dateIssued").datepicker({
            yearRange: "-11:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
    
        $('#btndateIssued').click(function() {
            $('#dateIssued').show().focus();
        });
        
        $("#dateExpired").datepicker({
            yearRange: "-11:+11",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
        $('#btndateExpired').click(function() {
            $('#dateExpired').show().focus();
        });
    </script>
    
    <script>
        $("#telephone").intlTelInput({
            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.6/js/utils.js",
            initialCountry: "PH"
        });
        $(document).ready(function(){
          $('#telephone').bind("paste",function(e) {
              e.preventDefault();
          });
        });
    </script>
    
    <script>
        $(document).ready(function() {
            if ($('#position').val()) {
                $('#position').attr('readonly', true);
            }
        });

        $(document).ready(function() {
            if (!$('#position').val()) {
                $('#position').removeAttr('readonly');
            }
        });
        
        $(document).ready(function() {
            if ($('#country').val()) {
                $('#country').attr('readonly', true);
            }
        });

        $(document).ready(function() {
            if (!$('#country').val()) {
                $('#country').removeAttr('readonly');
            }
        });
        
        function isNumber(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }
    </script>
    
    <script>
        function isNumberKey(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }

        function doModalCM() {
            $('#cmConverterModal').modal();
            $('#feet').val('');
            $('#inch').val('');
        }

        function doModalKG() {
            $('#kgConverterModal').modal();
            $('#pounds').val('');
        }

        function apiConvert() {
            //Clear output field:
            $('#height').val('');
            var urfeet = $('#feet').val();
            var urinch = $('#inch').val();
            var urcenti = "";
            var ch = (urfeet * 100 / 3.28);
            var cf = (urinch / 12 * 100 / 3.28);
            var ans = ch + cf;
            $('#height').val(Math.round(ans));
            $('#cmConverterModal').modal('hide');
        }

        function apiConvertPounds() {
            // Clear output field:
            $('#weight').val('');
            var urpounds = $('#pounds').val();
            var urkilos = "";
            var temp = (urpounds / 2.2046);
            $('#weight').val(Math.round(temp));
            $('#kgConverterModal').modal('hide');
        }
    </script>
    @endif
    @stop
    @stop
views/website/page-vision.blade.php000066400000003354151232046400013347 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="vision">
                <h3>VISION</h3>
                <p>At MIP, we want to maintain a recruitment company that:</p>
                <ul class="inner-page-lists">
                    <li>Fully addresses the manpower specifications of our principals;</li>
                    <li>Ensures the deployment of completely trained, qualified and globally </li>competitive Filipino workers and;
                    <li>Exhibiting a complete partnership with the government in retaining a high performance work force.</li>
                </ul>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/page-support-staff.blade.php000066400000004344151232046400014655 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="support-staff">
                <h3>SUPPORT STAFF</h3>
                <div class="row">
                    <div class="col-sm-6"> <img src="{{ asset('website/images/facilities/img-processing-dept-1.jpg') }}" class="img-responsive" /></div>
                    <div class="col-sm-6"> <img src="{{ asset('website/images/facilities/img-recruitment-dept-1.jpg') }}" class="img-responsive" /></div>
                </div>
                <p>
                    <br><br>
                    MIP International Manpower Services Inc. maintains a highly efficient support staff to serve the needs of foreign employers and applicant-workers. English proficiency is a must for the support staff, and when necessary, a foreign language interpreter is available to facilitate communication. In line with this, the company has adopted a periodic training program for the staff in order to acquire and update their knowledge on recruitment strategies, as well as government issuances necessary for the efficient delivery of services.
                </p>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/includes/paging.blade.php000066400000001347151232046400014201 0ustar00@if ($paginator->hasPages())
    <ul class="pagination pull-right">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="page-item disabled"><span class="page-link">Previous</span></li>
        @else
            <li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">Previous</a></li>
        @endif
        
        
        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">Next</a></li>
        @else
            <li class="page-item disabled"><span class="page-link">Next</span></li>
        @endif
    </ul>              
@endifviews/website/includes/sidebar.blade.php000066400000002764151232046400014351 0ustar00<div class="side-container">
    <div class="side-title text-center">
        <h3 class="padding headings"> Latest Jobs</h3>
    </div>

    <div class="jobs-list">
        <ol>
            @foreach($latestJobs as $latestJobs_key => $job)
            @if($latestJobs_key < 5) 
               <li><a href="{{ route('website/pages', [$job->slug]) }}">{{$job->position}}</a></li>
            @endif
            @endforeach
        </ol>
        @forelse($latestJobs as $job)
        @empty
        <li>No Job(s) Available></li>
        @else
            <div style="text-align:center">
                <a href="job-list" class="btn btn-warning btn-sm">View All</a>
            </div>
        @endforelse
    </div>
</div>
            
<div class="side-container">
    <div class="side-title text-center">
        <h3 class="padding headings"> Latest Announcements</h3>
    </div>
    <div class="jobs-list">
        <ol>
            @foreach($latestPosts as $latestPosts_key => $news)
	           @if($latestPosts_key < 5)
				  <li><a href="{{ route('website/pages', [$news->slug]) }}">{{$news->title}}</a></li>
               @endif
	        @endforeach
	        
	        @forelse($latestPosts as $news)
       	        @empty 
       	            <li>No Announcement(s) Available</li>
				@else 
                    <div style="text-align:center">
                        <a href="news-list" class="btn btn-warning btn-sm">View All</a>
                    </div>
            @endforelse
        </ol>
    </div>
</div>
				views/website/includes/footer.blade.php000066400000002030151232046400014220 0ustar00<div class="applicants-login-container hidden-xs">

</div>
<br class="visible-xs">

<div class="footer-container hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <ul class="footer-menu">
                    <li><a href="index">Home</a></li>
                    <li><a href="company-profile">Company Profile</a></li>
                    <li><a href="services">Services</a></li>
                    <li><a href="facilities">Facilities</a></li>
                    <li><a href="job-list">Applicants</a></li>
                    <li><a href="manpower-request">Employers</a></li>
                    <li><a href="contact-us">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="copyright-container">
    <div class="container">
        <div class="row">
            <div class="copyright-txt">
                Copyright © MIP International Manpower Services Inc.
            </div>
        </div>
    </div>
</div>

views/website/includes/nav-inner.blade.php000066400000014154151232046400014631 0ustar00<div class="header-border"></div>
<div class="header-container">
    <div class="container">
        <div class="row">

            <div class="col-sm-5 hidden-xs">
                <div class="social-icons"><a href="https://www.facebook.com/MIPofficialagency/" target="_blank"><img src="{{ asset('website/images/img-fb.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-google.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-instagram.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-pinterest.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-twitter.jpg') }}" class="img-responsive" /></a></div>
            </div>
            <center>
                <div class="col-sm-12 visible-xs">
                    <a href="/"><img src="{{ asset('website/images/img-mip-logo.jpg') }}" class="img-responsive"></a>
                    <br>
                    <div class="header-links-container">
                        <a href="general-application" class="btn btn-warning font-weight-bold" role="button">APPLY NOW</a>
                        <a href="manpower-request" class="btn btn-yellow" role="button">EMPLOYERS</a>
                    </div>
                </div>

                <div class="col-sm-5 visible-xs social">
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-fb1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-google1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-instagram1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-pinterest1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-twitter1.jpg') }}" class="img-responsive" /></a></div>
                </div>
                
                <div class="col-sm-6 text-right visible-xs header-contact">
                    <div>(02) 927-0848</div>
                </div>
            </center>
            <div class="col-sm-2 hidden-xs">
                <a href="/"> <img src="{{ asset('website/images/img-mip-logo.jpg') }}" class="img-responsive" /></a>
            </div>

            <div class="col-sm-5 text-right contact-header-txt hidden-xs">
                <div>Contact us at: (02) 927-0848</div>
                <div class="header-links-container">
                    <a href="general-application" class="btn btn-warning font-weight-bold" role="button">APPLY NOW</a>
                    <a href="manpower-request" class="btn btn-yellow" role="button">EMPLOYERS</a>
                </div>
            </div>
            
        </div>
    </div>
</div>

<div class="header-border-white"></div>

<div class="header-menu-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="header-menu">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="/">Home</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company Profile <span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="the-president">The President</a></li>
                                            <li><a href="mission">Mission</a></li>
                                            <li><a href="vision">Vision</a></li>
                                            <li><a href="manpower-industry-overview">Manpower Industry Overview</a></li>

                                            <li><a href="company-kpi">Company's KPI</a></li>
                                            <li><a href="support-staff">Support Staff</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="services">Services</a></li>
                                    <li><a href="facilities">Facilities</a></li>
                                    <li><a href="job-list">Applicants</a></li>
                                    <li><a href="manpower-request">Employers</a></li>
                                    <li><a href="contact-us">Contact Us</a></li>

                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div><!-- /.container-fluid -->
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="header-border-white"></div>
views/website/includes/post-default.blade.php000066400000000000151232046400015324 0ustar00views/website/includes/page-default.blade.php000066400000003040151232046400015262 0ustar00@extends('website.layouts-inner')
@section('page-body')

<section class="inner-page container">
  <div class="row">
   <div class="col-md-4">
        @include('website.includes.sidebar')
    </div>
    <div class="col-md-8 page-dafault">
        @if (isset($postpages))
        @foreach($postpages as $postpage)
        <h1>{{$postpage->title}}</h1>
        <small>Posted on: {{$postpage->created_at}}</small><br><br>
        <div class="img-wrap">
            @if($postpage->featured_image != null)
            <img src="/photos/mip/shares/{{$postpage->featured_image}}" class="img-responsive" height="70%" width="70%">
            @else
            <img src="" class="img-responsive" style="display:none">
            @endif
        </div>
        <br>
        {!! $postpage->content !!}
        <br>
        <a href="news-list" class="btn btn-warning">← Go Back to News List</a>
        @endforeach
        @endif

        @if (isset($jobpages))
        @foreach($jobpages as $jobpage)
        <h1 class="inf-green">{{$jobpage->position}}</h1>
        <br>
        <h4>No of Applicants Needed: <b>{{$jobpage->no_position}}</b></h4>
        <h5>Duration: <b>{{$jobpage->opening_date}} - {{$jobpage->closing_date}}</b></h5>

        <p>Details:{!! $jobpage->job_details !!}</p>
        <br>
        <a href="job-list" class="btn btn-warning">← Go Back to Job List</a>
        <a href="apply-now?slug={{$jobpage->slug}}"><button type="button" class="btn btn-red">Apply Now →</button></a>
        @endforeach
        @endif
    </div>
   </div> 
</section>
@stop
views/website/includes/nav.blade.php000066400000014653151232046400013524 0ustar00<div class="header-border"></div>
<div class="header-container">
    <div class="container">
        <div class="row">

            <div class="col-sm-5 hidden-xs">
                <div class="social-icons"><a href="https://www.facebook.com/MIPofficialagency/" target="_blank"><img src="{{ asset('website/images/img-fb.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-google.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-instagram.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-pinterest.jpg') }}" class="img-responsive" /></a></div>
                <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-twitter.jpg') }}" class="img-responsive" /></a></div>
            </div>
            
            <center>
                <div class="col-sm-12 visible-xs">
                    <a href="/"><img src="{{ asset('website/images/img-mip-logo.jpg') }}" class="img-responsive"></a>
                    <br>
                    <div class="header-links-container">
                        <a href="general-application" class="btn btn-warning font-weight-bold z-index">APPLY NOW</a>
                        <a href="manpower-request" class="btn btn-yellow z-index">EMPLOYERS</a>
                    </div>
                </div>

                <div class="col-sm-6 social visible-xs">
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-fb1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-google1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-instagram1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-pinterest1.jpg') }}" class="img-responsive" /></a></div>
                    <div class="social-icons"><a href="#"><img src="{{ asset('website/images/img-twitter1.jpg') }}" class="img-responsive" /></a></div>
                </div>
                
                <div class="col-sm-6 text-right visible-xs header-contact">
                    <div>(02) 927-0848</div>
                </div>
            </center>
            
            <div class="col-sm-2 hidden-xs">
                <a href="/"> <img src="{{ asset('website/images/img-mip-logo.jpg') }}" class="img-responsive" /></a>
            </div>

            <div class="col-sm-5 text-right contact-header-txt hidden-xs">
                <div>Contact us at: (02) 927-0848</div>
                <div class="header-links-container">
                    <a href="general-application" class="btn btn-warning font-weight-bold">APPLY NOW</a>
                    <a href="manpower-request" class="btn btn-yellow">EMPLOYERS</a>
                </div>
            </div>
            
<!--
            <div class="text-center">
                <div class="header-links-container">
                    <a href="general-application" class="btn btn-warning font-weight-bold">APPLY NOW 2</a>
                    <a href="manpower-request" class="btn btn-yellow">EMPLOYERS</a>
                </div>
            </div>
-->
        </div>
    </div>
</div>

<div class="header-border-white"></div>

<div class="header-menu-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="header-menu">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="/">Home</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company Profile <span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="the-president">The President</a></li>
                                            <li><a href="mission">Mission</a></li>
                                            <li><a href="vision">Vision</a></li>
                                            <li><a href="manpower-industry-overview">Manpower Industry Overview</a></li>

                                            <li><a href="company-kpi">Company's KPI</a></li>
                                            <li><a href="support-staff">Support Staff</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="services">Services</a></li>
                                    <li><a href="facilities">Facilities</a></li>
                                    <li><a href="job-list">Applicants</a></li>
                                    <li><a href="manpower-request">Employers</a></li>
                                    <li><a href="contact-us">Contact Us</a></li>

                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div><!-- /.container-fluid -->
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="header-border-white"></div>
views/website/routes/contact-us_routes.php000066400000000000151232046400015043 0ustar00views/website/layouts.blade.php000066400000005163151232046400012626 0ustar00<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<title>MIP International Manpower Services INC.</title>
		<!-- Bootstrap -->
		<link href="{{asset('website/css/bootstrap.min.css')}}" rel="stylesheet">
		<!-- Custom Stylesheet -->
		<link href="{{asset('website/css/mip-stylesheet.css')}}" rel="stylesheet">
		<!-- Google Fonts -->
		<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 
        <!-- Animate css -->
        <link href="{{asset('website/css/animate.css')}}" rel="stylesheet">
		<!-- Font Awesome -->
		<script src="https://use.fontawesome.com/13c7cdee2c.js"></script>
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	
	<head>
        @yield('page-css')
    </head>
    <body>
        @include('website.includes.nav')
        @yield('page-body')
        @include('website.includes.footer')
        <!-- Scroll to Top -->
        <a href="javascript:" id="return-to-top"><i><img src="{{asset('website/images/up-chevron.svg')}}" alt=""></i></a>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="{{asset('website/js/bootstrap.min.js') }}"></script>
	
		<script type="text/javascript">
			function openNav() {
			    document.getElementById("myNav").style.width = "100%";
			    $('body').css({'overflow':'hidden'});
			}

			function closeNav() {
			    document.getElementById("myNav").style.width = "0%";
			    $('body').css({'overflow':'visible'});
			}
		</script>  
       
        <script>
            // ===== Scroll to Top ==== 
            $(window).scroll(function() {
                if ($(this).scrollTop() >= 250) {        // If page is scrolled more than 250px
                    $('#return-to-top').fadeIn(200);    // Fade in the arrow
                } else {
                    $('#return-to-top').fadeOut(200);   // Else fade out the arrow
                }
            });
            $('#return-to-top').click(function() {      // When arrow is clicked
                $('body,html').animate({
                    scrollTop : 0                       // Scroll to top of body
                }, 500);
            });
        </script>
              
        @yield('page-js')
    </body>
</html>views/website/page-services.blade.php000066400000005406151232046400013663 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-services.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <h3>SERVICES</h3>
            <p>MIP International Manpower Services Inc. also has existing tie-ups with government accredited medical clinics and training/trade centers to guarantee that it is deployed workers are not only medically but also technically qualified when discharge in their duties under their POEA-processed contracts. </p>

            <p>In the conduct of its recruitment operations, MIP International Manpower Services Inc., participates in government and private sector-sponsored job fairs as well as provincial recruitment activities. </p>

            <p>MIP International Manpower Services Inc., maintains a manpower pool of applicants by skill and category that is regularly updated to assure that our foreign principals receives a list of fully competent workers. </p>

            <p>The company also has a constantly updated website that reflects the recruitment process and enables the prospective employer to evaluate the requirements for hiring of Filipino workers in order to further the expansion our base of operations. </p>

            <p>To ensure transparency, a standard employment contract containing the minimum terms and conditions of employment is uniformly implemented.</p>

            <p>To facilitate compliance with foreign employer accreditation, the company assists in the preparation of documentary requirements including its authentication. </p>

            <p>To monitor the welfare our deployed workers, the company cooperates with government-recognized organizations thus preventing unwarranted claims of contract violations by our foreign principals.

            </p>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/page-our-commitment.blade.php000066400000000746151232046400015021 0ustar00@extends('website.layouts-inner')
@section('page-body')
	<div class="about-us-inner">
		<h1>Company Profile</h1>
	</div>
	<section class="inner-page container">
		<div class="col-md-8">
			@foreach($specificPages as $specificPages_key => $specificpagecontent)
				{!! $specificpagecontent->content !!}
			@endforeach
			</br>
			<a href="/" class="btn btn-info">Go back to home</a>
		</div>	
		<div class="col-md-4">
			@include('website.includes.sidebar')
		</div>	

	</section>

@stopviews/website/layouts-inner.blade.php000066400000007304151232046400013736 0ustar00<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" href="{{asset('website/images/favicon.ico')}}" type="image/x-icon">
		<link rel="icon" href="{{asset('website/images/favicon.ico')}}" type="image/x-icon">
		<title>MIP International Manpower Services Inc.</title>
		<!-- Bootstrap -->
		<link href="{{asset('website/css/bootstrap.min.css')}}" rel="stylesheet">
		<!-- Custom Stylesheet -->
		<link href="{{asset('website/css/mip-stylesheet.css')}}" rel="stylesheet">
		<!-- Google Fonts -->
		<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 
        <!-- Animate css -->
        <link href="{{asset('website/css/animate.css')}}" rel="stylesheet">
		<!-- Font Awesome -->
		<script src="https://use.fontawesome.com/13c7cdee2c.js"></script>
		
		<!-- Font Awesome -->
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		@yield('applynowstyle')
		@yield('datatablestyle')
		@yield('facilitiesstyle')
		@yield('contactusstyle')
	<head>
        @yield('page-css')
    </head>
    <body>
        @include('website.includes.nav-inner')
        @yield('page-body')
        @include('website.includes.footer')
        <!-- Scroll to Top -->
        <a href="javascript:" id="return-to-top"><i><img src="{{asset('website/images/up-chevron.svg')}}" alt=""></i></a>

        
    </body>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="https://use.fontawesome.com/13c7cdee2c.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		@yield('applynowscript')
      	@yield('manpowerscript')
       	@yield('datatablescript')
       	@yield('companyprofilescript')
       	@yield('facilitiesscript')
       	@yield('contactusscript')
       	<script type="text/javascript">
			function openNav() {
			    document.getElementById("myNav").style.width = "100%";
			    $('body').css({'overflow':'hidden'});
			}

			function closeNav() {
			    document.getElementById("myNav").style.width = "0%";
			    $('body').css({'overflow':'visible'});
			}
		</script>
        <script type="text/javascript">
        $.ajaxSetup({
            headers: { 
                'X-CSRF-Token' : $('meta[name=csrf-token]').attr('content'),
            }
        });
        </script>
        
        <script>
            // ===== Scroll to Top ==== 
            $(window).scroll(function() {
                if ($(this).scrollTop() >= 250) {        // If page is scrolled more than 20px
                    $('#return-to-top').fadeIn(200);    // Fade in the arrow
                } else {
                    $('#return-to-top').fadeOut(200);   // Else fade out the arrow
                }
            });
            $('#return-to-top').click(function() {      // When arrow is clicked
                $('body,html').animate({
                    scrollTop : 0                       // Scroll to top of body
                }, 500);
            });
        </script>
  		
        @yield('page-js')
</html>views/website/page-applicants.blade.php000066400000000767151232046400014203 0ustar00@extends('website.layouts-inner')
@section('page-body')
	<div class="about-us-inner">
		<h1>Applicants</h1>
	</div>
	<section class="inner-page container">
		<div class="col-md-8">
			@foreach($specificPages as $specificPages_key => $specificpagecontent)
				</br>
				<p>{!! $specificpagecontent->content !!}</p>
				</br>
				<a href="/" class="btn btn-contact">Go back to home</a>
			@endforeach
		</div>	
		<div class="col-md-4">
			@include('website.includes.sidebar')
		</div>	

	</section>

@stopviews/website/page-manpower-industry-overview.blade.php000066400000006066151232046400017416 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="manpower-industry">
                <h3>MANPOWER INDUSTRY OVERVIEW</h3>
                <p>Globalization is an unstoppable phenomenon affecting the way of living of people and the development of each country. It establishes connections between countries, industries and companies resulting to a web of networks. These networks help countries in different ways: economics, technology and jobs. Due to these networks, more and more countries do imports and exports. Imports and exports aid in the increase of the economy. Furthermore, since globalization contributes a lot on networks, it is easier to have an exchange of ideas. Hence, there is faster development in technology, and jobs are made easy. Lastly, due to the increase in technology, and in networks, more and more industries demand manpower. Consequently, more jobs open up for people seeking for a career.</p>

                <p>There are different jobs that branch out from this increase in development due to globalization. An example of which is the increase in need for IT people because of the computerization of most of the jobs. These jobs are present in companies in one’s motherland but there are other more enticing job opportunities overseas. This is the reason behind a rapid boost in the number of OFWs.</p>

                <p>Being an OFW in the Philippines, equates to being able to alleviate poverty from your family and so many people decide to work outside the country, even if it means being far from one’s family. A website made especially for OFWs disclosed 6 major reasons why Filipinos work abroad: economic instability, job opportunity deficiency, low salary, poor worker benefits, and job hiring discrimination. Furthermore, it is not very difficult to work abroad anymore because a lot of Filipinos are outside the country already and OFWs are already pampered with advantages.
                </p>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/page-manpower-request.blade.php000066400000022101151232046400015345 0ustar00@extends('website.layouts-inner')
@section('page-body')
<div class="inner-header">
        <img src="{{ asset('website/images/img-inner-header-apply.jpg') }}" class="img-responsive"/>
    </div>
    <br>
<section class="inner-page container">
    <div class="col-md-8 col-md-offset-2">
        <div class="panel" style="border: 1px solid #6c0304 !important;">
      
            <div class="panel-body">
                @if (session('message'))
                <div class="alert alert-success text-center">
                    <b>{{ session('message') }}</b>
                </div>
                @endif
                {!! Form::open(array('route' => 'manpowerrequest_store', 'class' => 'form', 'id' => 'manpowerform')) !!}
                <div class="form-divider">
                     <h3 class="text-center">Fill up the form below and submit it to us so we can process your manpower requirement right away.</h3>
                </div>
                <br>
                <div class="form-horizontal">
                    <h5 class="fields-required" ><span class="fa fa-warning"></span> &nbsp;&nbsp; <span class="fa fa-asterisk" style="color:#ff0000; font-size:12px;"></span> Required fields.</h5>
                    <br/>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="businessname"> Business Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="text" name="business_name" id="business_name" class="form-control form-control-no-border2" placeholder="Business Name" autocomplete="off" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="businessaddress"> Business Address <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="text" name="address" id="address" class="form-control form-control-no-border2" placeholder="Business Address" autocomplete="off" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="telno"> Tel. No. <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="text" name="telephone" id="telephone" class="form-control form-control-no-border2" placeholder="Tel. No." autocomplete="off" onkeypress="return isNumberKey(event);" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="faxno">Fax. No.:</label>
                        <div class="col-sm-8">
                            <input type="text" name="fax" id="fax" class="form-control form-control-no-border2" placeholder="Fax No." autocomplete="off" onkeypress="return isNumberKey(event);"/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="email"> Email <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="email" name="email" id="email" class="form-control form-control-no-border2" placeholder="Email" autocomplete="off" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="website"> Website:</label>
                        <div class="col-sm-8">
                            <input type="text" name="website" id="website" class="form-control form-control-no-border2" placeholder="Website" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="contactperson"> Contact Person <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="text" name="contact_person" id="contact_person" class="form-control form-control-no-border2" placeholder="Contact Person" autocomplete="off" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="position"> Position <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                        <div class="col-sm-8">
                            <input type="text" name="position" id="position" class="form-control form-control-no-border2" placeholder="Position" autocomplete="off" required/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="businesslicenseno">Business License No.:</label>
                        <div class="col-sm-8">
                            <input type="text" name="license_number" id="license_number" class="form-control form-control-no-border2" placeholder="Business License No." autocomplete="off"/>
                        </div>
                    </div>
                    <div class="form-group form-group-sm">
                        <label class="col-sm-3 control-label" for="natureofbusiness">Nature of Business:</label>
                        <div class="col-sm-8">
                            <input type="text" name="nature" id="nature" class="form-control form-control-no-border2" placeholder="Nature of Business" autocomplete="off"/>
                        </div>
                    </div>
                </div>
                <div clas="pull left"><a class="btn btn-view-details" style="cursor:pointer;" id="addMoreManpowerRequest">+ Add More</a></div>
                <input type="hidden" value="1" id="currentCount">
                <hr>
                <?php for($i=1; $i<=10; $i++) { ?>
                <div class="row" id="list<?php echo $i; ?>" <?php if($i>1) echo 'style="display:none;"'; ?>>
                    <div class="col-md-4">
                        <div class="form-group">
                            <?php if($i==1) { ?><label for="positions">Position:</label><?php } ?>
                            <input type="text" name="position<?php echo $i; ?>" id="position<?php echo $i; ?>" class="form-control form-control-no-border2" autocomplete="off" placeholder="Job Position"/>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <?php if($i==1) { ?><label for="required">No. Required:</label><?php } ?>
                            <input type="number" name="required<?php echo $i; ?>" id="required<?php echo $i; ?>" class="form-control form-control-no-border2" autocomplete="off" placeholder="No. of Required"/>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <?php if($i==1) { ?><label for="description">Job Description:</label><?php } ?>
                            <textarea name="description<?php echo $i; ?>" id="description<?php echo $i; ?>" class="form-control form-control-no-border2" placeholder="Job Description"></textarea>                
                        </div>
                    </div>
                </div>
                <?php } ?>
                <br>

                <div class="form-group">

                    <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_CAPTCHA_PUB_KEY') }}"></div>

                </div>   

                <div class="form-group btn-apply-now-wrap">
                    {!! Form::submit('Send Application', 
                    array('class'=>'btn btn-warning')) !!}
                </div>
                <div class="form-group">
                    <button class="btn btn-apply-now btn-view-details disabled" id="submitManpowerRequestLoading" style="display:none;">
                    <i class="fa fa-refresh fa-spin"></i> Please Wait
                    </button>  
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</section>
@section('manpowerscript')
	<!-- Recaptcha -->
	<script src="https://www.google.com/recaptcha/api.js" async defer></script>

	<script>
		$('#addMoreManpowerRequest').click(function () {
		    var currentCount = parseInt($('#currentCount').val()) + 1;
		    if (currentCount > 10) {
		        alert('Maximum of 10 position only.');
		        return false;
		    }
		    $('#list' + currentCount).show();
		    $('#currentCount').val(currentCount);
		});
	</script>
@stop
@stopviews/website/page-company-profile.blade.php000066400000014765151232046400015154 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
                        <div id="president">
                <h3>THE PRESIDENT</h3>
                <p>
                    Her belief that “our vast human resources will contribute to the rapid development in host countries and strengthen the Philippine economy” is the cornerstone of her management style. Through her efforts, the agency has forged recruitment agreements with leading foreign employers, and deployed Filipino workers under fair yet competitive employment terms.
                </p>
            </div>

            <div id="vision">
                <h3>VISION</h3>
                <p>
                    At MIP, we want to maintain a recruitment company that:
                    <ul class="inner-page-lists">
                        <li>Fully addresses the manpower specifications of our principals;</li>
                        <li>Ensures the deployment of completely trained, qualified and globally </li>competitive Filipino workers and;
                        <li>Exhibiting a complete partnership with the government in retaining a high performance work force.</li>
                    </ul>

                </p>
            </div>

            <div id="mission">
                <h3>MISSION</h3>
                <p>
                    MIP International Manpower Services Inc. is committed to the principle of partnership for human and economic development.</p>
                <p>

                    To achieve this end, MIP International Manpower Services Inc. has:
                    <ul class="inner-page-lists">
                        <li>Dedicated to enlist an overseas employment workforce that amply addresses the specifications of our foreign principals;</li>
                        <li>Devoted its resources to provide foreign employers with full information on the skills, qualification and training of Filipino overseas workers and,</li>
                        <li>Striven to maintain a responsible partnership with the government to preserve the integrity of the recruitment process.</li>
                    </ul>

                </p>
            </div>

            <div id="manpower-industry">
                <h3>MANPOWER INDUSTRY OVERVIEW</h3>
                <p>
                    Globalization is an unstoppable phenomenon affecting the way of living of people and the development of each country. It establishes connections between countries, industries and companies resulting to a web of networks. These networks help countries in different ways: economics, technology and jobs. Due to these networks, more and more countries do imports and exports. Imports and exports aid in the increase of the economy. Furthermore, since globalization contributes a lot on networks, it is easier to have an exchange of ideas. Hence, there is faster development in technology, and jobs are made easy. Lastly, due to the increase in technology, and in networks, more and more industries demand manpower. Consequently, more jobs open up for people seeking for a career.</p>

                <p>There are different jobs that branch out from this increase in development due to globalization. An example of which is the increase in need for IT people because of the computerization of most of the jobs. These jobs are present in companies in one’s motherland but there are other more enticing job opportunities overseas. This is the reason behind a rapid boost in the number of OFWs.</p>

                <p>Being an OFW in the Philippines, equates to being able to alleviate poverty from your family and so many people decide to work outside the country, even if it means being far from one’s family. A website made especially for OFWs disclosed 6 major reasons why Filipinos work abroad: economic instability, job opportunity deficiency, low salary, poor worker benefits, and job hiring discrimination. Furthermore, it is not very difficult to work abroad anymore because a lot of Filipinos are outside the country already and OFWs are already pampered with advantages.

                </p>
            </div>
            <div id="company-kpi">
                <h3>COMPANY'S KPI</h3>
                <p>
                    With the company’s goal to maintain an excellent service to the entire Filipino nation, MIP International Manpower Services, Inc. has consistently achieved its target every single year. The company was able to send more overseas Filipino workers to its partner countries for the past 5 years. Last year’s increase in deployment was noted to be the highest increase that the company has made for the past five (5) years. And as we continue to grow, the company wishes to seize more opportunities to offer occupations to the Filipino nation.
                </p>
            </div>
            <div id="support-staff">
                <h3>SUPPORT STAFF</h3>
                <p>
                    MIP International Manpower Services Inc. maintains a highly efficient support staff to serve the needs of foreign employers and applicant-workers. English proficiency is a must for the support staff, and when necessary, a foreign language interpreter is available to facilitate communication. In line with this, the company has adopted a periodic training program for the staff in order to acquire and update their knowledge on recruitment strategies, as well as government issuances necessary for the efficient delivery of services.
                </p>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
views/website/height-weight-converter.php000066400000006246151232046400014625 0ustar00<!-- CM Converter -->

<div class="modal fade" tabindex="-1" role="dialog" id="cmConverterModal" aria-labelledby="cmConverterModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Convert to Centimeter</h4>
            </div>
            <div class="modal-body">
                <div class="input-group">
                    <div class="row">
                        <div class="col-md-6 col-xs-12">
                            <div class="form-group">
                                <label for="feet">Feet</label>
                                <input type="text" name="feet" class="form-control" placeholder="Feet" id="feet" onkeypress="return isNumber(event);" />
                            </div>
                        </div>
                        <div class="col-md-6 col-xs-12" style="margin-bottom:10px">
                            <div class="form-group">
                                <label for="inch">Inches</label>
                                <input type="text" name="inch" class="form-control" placeholder="Inches" id="inch" onkeypress="return isNumber(event);" />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <button class="btn btn-primary" type="button" onclick="apiConvert();">Convert</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- KG Converter -->
<div class="modal fade" id="kgConverterModal" tabindex="-1" role="dialog" aria-labelledby="kgConverterModal">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Convert to Kilogram</h4>
            </div>
            <div class="modal-body">
                <div class="input-group">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label for="pounds">Pounds</label>
                                <input type="text" name="pounds" class="form-control" placeholder="Pounds" id="pounds" onkeypress="return isNumber(event);" />
                            </div>
                        </div>
                        <div class="col-xs-12" style="margin-top:10px">
                            <div class="form-group">
                                <button class="btn btn-primary" type="button" onclick="apiConvertPounds();">Convert</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
views/website/index.blade.php000066400000010775151232046400012242 0ustar00@extends('website.layouts')
@section('page-body')
	
	<div class="slider-container">
	
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="{{ asset('website/images/img-slider.jpg') }}" alt="slider 1">
            <div class="carousel-caption">
            </div>
        </div>
        <div class="item">
            <img src="{{ asset('website/images/img-slider-1.jpg') }}" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="{{ asset('website/images/img-slider-2.jpg')}}" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="{{ asset('website/images/img-slider-3.jpg')}}" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="{{ asset('website/images/img-slider-4.jpg')}}" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!--
<div class="slider-container visible-xs">
    <img src="images/hero-image.jpg" class="img-responsive" />
</div>
-->

<div class="slider-caption">
    <div class="container">
        <div class="row">
            <div class="slider-caption-txt">
                <span class="slider-caption-emph">MIP</span> International Manpower Services Inc.</div>
            <div class="slider-caption-txt-sub">
                is committed to the principle of partnership for human and economic development.
            </div>
        </div>
    </div>
</div>

 <div class="contents-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <h3>Welcome to MIP International Manpower Services Inc.</h3>
                <p>In September 1994, MIP International Manpower Services Inc. was established to engage in the hiring and deployment of qualified Filipino land-based overseas workers. Following the issuance of its recruitment license by the Philippine Overseas Employment Administration, MIP International Manpower Services, Inc. embarked on an extensive program to source Filipino manpower for its accredited foreign principals, and at the same time commenced to develop cooperation with other licensed recruitment entities. MIP International Manpower Services Inc., also became a member of the Overseas Placement Association of the Philippines (OPAP), an association of licensed recruitment agencies. Moreover, MIP has been granted an accreditation as a Lead Agent for the Taiwan market by the Council of Labor Affairs (Taiwan), and has founded the Pilipino Manpower Agencies to Taiwan (PILMAT), an association specifically directed at maintaining close partnership with foreign employers and the government of Taiwan on the recruitment and deployment of Filipino workers.</p>
                <p>The Certification Body of TUV Management Services GmbH (Munich, Germany) also certified the company an ISO 9002 Certification in 2001. In recognition of its exemplary efforts in the recruitment process, MIP International Manpower Services, Inc. garnered awards from the POEA as one of the TOP 15 Performers.
                </p>
                <div class="simple-link"><a href="company-profile">READ MORE</a></div>
            </div>

            <div class="col-sm-4">
                @include('website.includes.sidebar')
            </div>
        </div>
    </div>
</div>
	
@stopviews/website/page-mission.blade.php000066400000004007151232046400013515 0ustar00@extends('website.layouts-inner')
@section('page-body')

<div class="inner-header">
    <img src="{{ asset('website/images/img-inner-header-company-profile.jpg') }}" class="img-responsive" />
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            @include('website.includes.sidebar')
        </div>

        <div class="col-sm-8">
            <div id="mission">
                <h3>MISSION</h3>
                <p>MIP International Manpower Services Inc. is committed to the principle of partnership for human and economic development.</p>
                <p>To achieve this end, MIP International Manpower Services Inc. has:</p>
                <ul class="inner-page-lists">
                    <li>Dedicated to enlist an overseas employment workforce that amply addresses the specifications of our foreign principals;</li>
                    <li>Devoted its resources to provide foreign employers with full information on the skills, qualification and training of Filipino overseas workers and,</li>
                    <li>Striven to maintain a responsible partnership with the government to preserve the integrity of the recruitment process.</li>
                </ul>
            </div>
        </div>
    </div>
</div>

@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
@stop

@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
    var $image = $('.img-wrapper');
    $image.viewer({
        inline: false,
        toolbar: false,
        navbar: false,
        movable: false,
        zoomable: true,
        scalable: false,
        rotatable: false,
        title: false,
        viewed: function() {
            $image.viewer('zoomTo', 0.15);
        }
    });
    // Get the Viewer.js instance after initialized
    var viewer = $image.data('viewer');
    // View a list of images
    $('.img-wrapper').viewer();

</script>
@stop


@stop
assets/js/app.js000066400000001101151232046400007570 0ustar00
/**
 * First we will load all of this project's JavaScript dependencies which
 * include Vue and Vue Resource. This gives a great starting point for
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

Vue.component('example', require('./components/Example.vue'));

const app = new Vue({
    el: '#app'
});
assets/js/components/Example.vue000066400000001063151232046400012762 0ustar00<template>
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="panel panel-default">
                    <div class="panel-heading">Example Component</div>

                    <div class="panel-body">
                        I'm an example component!
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>
assets/js/bootstrap.js000066400000002474151232046400011043 0ustar00
window._ = require('lodash');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');

/**
 * Vue is a modern JavaScript library for building interactive web interfaces
 * using reactive data binding and reusable components. Vue's API is clean
 * and simple, leaving you to focus on building your next great project.
 */

window.Vue = require('vue');
require('vue-resource');

/**
 * We'll register a HTTP interceptor to attach the "CSRF" header to each of
 * the outgoing requests issued by this application. The CSRF middleware
 * included with Laravel will automatically verify the header's value.
 */

Vue.http.interceptors.push((request, next) => {
    request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken);

    next();
});

/**
 * Echo exposes an expressive API for subscribing to channels and listening
 * for events that are broadcast by Laravel. Echo and event broadcasting
 * allows your team to easily build robust real-time web applications.
 */

// import Echo from "laravel-echo"

// window.Echo = new Echo({
//     broadcaster: 'pusher',
//     key: 'your-pusher-key'
// });
assets/sass/app.scss000066400000000311151232046400010466 0ustar00
// Fonts
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

// Variables
@import "variables";

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
assets/sass/_variables.scss000066400000001455151232046400012027 0ustar00
// Body
$body-bg: #f5f8fa;

// Borders
$laravel-border-color: darken($body-bg, 10%);
$list-group-border: $laravel-border-color;
$navbar-default-border: $laravel-border-color;
$panel-default-border: $laravel-border-color;
$panel-inner-border: $laravel-border-color;

// Brands
$brand-primary: #3097D1;
$brand-info: #8eb4cb;
$brand-success: #2ab27b;
$brand-warning: #cbb956;
$brand-danger: #bf5329;

// Typography
$font-family-sans-serif: "Raleway", sans-serif;
$font-size-base: 14px;
$line-height-base: 1.6;
$text-color: #636b6f;

// Navbar
$navbar-default-bg: #fff;

// Buttons
$btn-default-color: $text-color;

// Inputs
$input-border: lighten($text-color, 40%);
$input-border-focus: lighten($brand-primary, 25%);
$input-color-placeholder: lighten($text-color, 30%);

// Panels
$panel-default-heading-bg: #fff;
views/uikit.php000064400000004371151520547230007550 0ustar00<script>
    jQuery(document).ready(function () {

        $("<?= $validator['selector']; ?>").each(function () {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'uk-text-danger',

                errorPlacement: function (error, element) {
                    if (element.closest('.uk-input').length ||
                        element.closest('.uk-select').length || element.closest('.uk-textarea').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-success').addClass('uk-form-danger'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>


                unhighlight: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-danger').addClass('uk-form-success');
                },

                success: function (element) {
                    $(element).closest('.uk-input').removeClass('uk-form-danger').addClass('uk-form-success'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/bootstrap.php000064400000004365151520547230010443 0ustar00<script>
    jQuery(document).ready(function(){

        $("<?= $validator['selector']; ?>").each(function() {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'help-block error-help-block',

                errorPlacement: function (error, element) {
                    if (element.parent('.input-group').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>

                /*
                 // Uncomment this to mark as validated non required fields
                 unhighlight: function(element) {
                 $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                 },
                 */
                success: function (element) {
                    $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/bootstrap4.php000064400000004232151520547230010520 0ustar00<script>
    jQuery(document).ready(function(){

        $("<?= $validator['selector']; ?>").each(function() {
            $(this).validate({
                errorElement: 'span',
                errorClass: 'invalid-feedback',

                errorPlacement: function (error, element) {
                    if (element.parent('.input-group').length ||
                        element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                        // else just place the validation message immediately after the input
                    } else {
                        error.insertAfter(element);
                    }
                },
                highlight: function (element) {
                    $(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>

                
                unhighlight: function(element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
                },
                
                success: function (element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
views/bootstrap5.php000064400000003274151520547230010526 0ustar00<script>
    jQuery(document).ready(function () {

        $("<?= $validator['selector']; ?>").each(function () {
            $(this).validate({
                errorElement: 'div',
                errorClass: 'invalid-feedback',

                errorPlacement: function (error, element) {
                    error.insertAfter(element);
                },
                highlight: function (element) {
                    $(element).removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
                },

                <?php if (isset($validator['ignore']) && is_string($validator['ignore'])): ?>

                ignore: "<?= $validator['ignore']; ?>",
                <?php endif; ?>


                unhighlight: function (element) {
                    $(element).removeClass('is-invalid').addClass('is-valid');
                },

                success: function (element) {
                    $(element).removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
                },

                focusInvalid: true,
                <?php if (Config::get('jsvalidation.focus_on_error')): ?>
                invalidHandler: function (form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, <?= Config::get('jsvalidation.duration_animate') ?>);

                },
                <?php endif; ?>

                rules: <?= json_encode($validator['rules']); ?>
            });
        });
    });
</script>
assets/js/timezones.js000064400000035055151520547230011051 0ustar00/*!
 * Laravel Javascript Validation
 *
 * https://github.com/proengsoft/laravel-jsvalidation
 *
 * Timezone Helper functions used by validators
 *
 * Copyright (c) 2017 Proengsoft
 * Released under the MIT license
 */

$.extend(true, laravelValidation, {

    helpers: {

        /**
         * Check if the specified timezone is valid.
         *
         * @param value
         * @returns {boolean}
         */
        isTimezone: function (value) {

            var timezones={
                "africa": [
                    "abidjan",
                    "accra",
                    "addis_ababa",
                    "algiers",
                    "asmara",
                    "bamako",
                    "bangui",
                    "banjul",
                    "bissau",
                    "blantyre",
                    "brazzaville",
                    "bujumbura",
                    "cairo",
                    "casablanca",
                    "ceuta",
                    "conakry",
                    "dakar",
                    "dar_es_salaam",
                    "djibouti",
                    "douala",
                    "el_aaiun",
                    "freetown",
                    "gaborone",
                    "harare",
                    "johannesburg",
                    "juba",
                    "kampala",
                    "khartoum",
                    "kigali",
                    "kinshasa",
                    "lagos",
                    "libreville",
                    "lome",
                    "luanda",
                    "lubumbashi",
                    "lusaka",
                    "malabo",
                    "maputo",
                    "maseru",
                    "mbabane",
                    "mogadishu",
                    "monrovia",
                    "nairobi",
                    "ndjamena",
                    "niamey",
                    "nouakchott",
                    "ouagadougou",
                    "porto-novo",
                    "sao_tome",
                    "tripoli",
                    "tunis",
                    "windhoek"
                ],
                "america": [
                    "adak",
                    "anchorage",
                    "anguilla",
                    "antigua",
                    "araguaina",
                    "argentina\/buenos_aires",
                    "argentina\/catamarca",
                    "argentina\/cordoba",
                    "argentina\/jujuy",
                    "argentina\/la_rioja",
                    "argentina\/mendoza",
                    "argentina\/rio_gallegos",
                    "argentina\/salta",
                    "argentina\/san_juan",
                    "argentina\/san_luis",
                    "argentina\/tucuman",
                    "argentina\/ushuaia",
                    "aruba",
                    "asuncion",
                    "atikokan",
                    "bahia",
                    "bahia_banderas",
                    "barbados",
                    "belem",
                    "belize",
                    "blanc-sablon",
                    "boa_vista",
                    "bogota",
                    "boise",
                    "cambridge_bay",
                    "campo_grande",
                    "cancun",
                    "caracas",
                    "cayenne",
                    "cayman",
                    "chicago",
                    "chihuahua",
                    "costa_rica",
                    "creston",
                    "cuiaba",
                    "curacao",
                    "danmarkshavn",
                    "dawson",
                    "dawson_creek",
                    "denver",
                    "detroit",
                    "dominica",
                    "edmonton",
                    "eirunepe",
                    "el_salvador",
                    "fortaleza",
                    "glace_bay",
                    "godthab",
                    "goose_bay",
                    "grand_turk",
                    "grenada",
                    "guadeloupe",
                    "guatemala",
                    "guayaquil",
                    "guyana",
                    "halifax",
                    "havana",
                    "hermosillo",
                    "indiana\/indianapolis",
                    "indiana\/knox",
                    "indiana\/marengo",
                    "indiana\/petersburg",
                    "indiana\/tell_city",
                    "indiana\/vevay",
                    "indiana\/vincennes",
                    "indiana\/winamac",
                    "inuvik",
                    "iqaluit",
                    "jamaica",
                    "juneau",
                    "kentucky\/louisville",
                    "kentucky\/monticello",
                    "kralendijk",
                    "la_paz",
                    "lima",
                    "los_angeles",
                    "lower_princes",
                    "maceio",
                    "managua",
                    "manaus",
                    "marigot",
                    "martinique",
                    "matamoros",
                    "mazatlan",
                    "menominee",
                    "merida",
                    "metlakatla",
                    "mexico_city",
                    "miquelon",
                    "moncton",
                    "monterrey",
                    "montevideo",
                    "montreal",
                    "montserrat",
                    "nassau",
                    "new_york",
                    "nipigon",
                    "nome",
                    "noronha",
                    "north_dakota\/beulah",
                    "north_dakota\/center",
                    "north_dakota\/new_salem",
                    "ojinaga",
                    "panama",
                    "pangnirtung",
                    "paramaribo",
                    "phoenix",
                    "port-au-prince",
                    "port_of_spain",
                    "porto_velho",
                    "puerto_rico",
                    "rainy_river",
                    "rankin_inlet",
                    "recife",
                    "regina",
                    "resolute",
                    "rio_branco",
                    "santa_isabel",
                    "santarem",
                    "santiago",
                    "santo_domingo",
                    "sao_paulo",
                    "scoresbysund",
                    "shiprock",
                    "sitka",
                    "st_barthelemy",
                    "st_johns",
                    "st_kitts",
                    "st_lucia",
                    "st_thomas",
                    "st_vincent",
                    "swift_current",
                    "tegucigalpa",
                    "thule",
                    "thunder_bay",
                    "tijuana",
                    "toronto",
                    "tortola",
                    "vancouver",
                    "whitehorse",
                    "winnipeg",
                    "yakutat",
                    "yellowknife"
                ],
                "antarctica": [
                    "casey",
                    "davis",
                    "dumontdurville",
                    "macquarie",
                    "mawson",
                    "mcmurdo",
                    "palmer",
                    "rothera",
                    "south_pole",
                    "syowa",
                    "vostok"
                ],
                "arctic": [
                    "longyearbyen"
                ],
                "asia": [
                    "aden",
                    "almaty",
                    "amman",
                    "anadyr",
                    "aqtau",
                    "aqtobe",
                    "ashgabat",
                    "baghdad",
                    "bahrain",
                    "baku",
                    "bangkok",
                    "beirut",
                    "bishkek",
                    "brunei",
                    "choibalsan",
                    "chongqing",
                    "colombo",
                    "damascus",
                    "dhaka",
                    "dili",
                    "dubai",
                    "dushanbe",
                    "gaza",
                    "harbin",
                    "hebron",
                    "ho_chi_minh",
                    "hong_kong",
                    "hovd",
                    "irkutsk",
                    "jakarta",
                    "jayapura",
                    "jerusalem",
                    "kabul",
                    "kamchatka",
                    "karachi",
                    "kashgar",
                    "kathmandu",
                    "khandyga",
                    "kolkata",
                    "krasnoyarsk",
                    "kuala_lumpur",
                    "kuching",
                    "kuwait",
                    "macau",
                    "magadan",
                    "makassar",
                    "manila",
                    "muscat",
                    "nicosia",
                    "novokuznetsk",
                    "novosibirsk",
                    "omsk",
                    "oral",
                    "phnom_penh",
                    "pontianak",
                    "pyongyang",
                    "qatar",
                    "qyzylorda",
                    "rangoon",
                    "riyadh",
                    "sakhalin",
                    "samarkand",
                    "seoul",
                    "shanghai",
                    "singapore",
                    "taipei",
                    "tashkent",
                    "tbilisi",
                    "tehran",
                    "thimphu",
                    "tokyo",
                    "ulaanbaatar",
                    "urumqi",
                    "ust-nera",
                    "vientiane",
                    "vladivostok",
                    "yakutsk",
                    "yekaterinburg",
                    "yerevan"
                ],
                "atlantic": [
                    "azores",
                    "bermuda",
                    "canary",
                    "cape_verde",
                    "faroe",
                    "madeira",
                    "reykjavik",
                    "south_georgia",
                    "st_helena",
                    "stanley"
                ],
                "australia": [
                    "adelaide",
                    "brisbane",
                    "broken_hill",
                    "currie",
                    "darwin",
                    "eucla",
                    "hobart",
                    "lindeman",
                    "lord_howe",
                    "melbourne",
                    "perth",
                    "sydney"
                ],
                "europe": [
                    "amsterdam",
                    "andorra",
                    "athens",
                    "belgrade",
                    "berlin",
                    "bratislava",
                    "brussels",
                    "bucharest",
                    "budapest",
                    "busingen",
                    "chisinau",
                    "copenhagen",
                    "dublin",
                    "gibraltar",
                    "guernsey",
                    "helsinki",
                    "isle_of_man",
                    "istanbul",
                    "jersey",
                    "kaliningrad",
                    "kiev",
                    "lisbon",
                    "ljubljana",
                    "london",
                    "luxembourg",
                    "madrid",
                    "malta",
                    "mariehamn",
                    "minsk",
                    "monaco",
                    "moscow",
                    "oslo",
                    "paris",
                    "podgorica",
                    "prague",
                    "riga",
                    "rome",
                    "samara",
                    "san_marino",
                    "sarajevo",
                    "simferopol",
                    "skopje",
                    "sofia",
                    "stockholm",
                    "tallinn",
                    "tirane",
                    "uzhgorod",
                    "vaduz",
                    "vatican",
                    "vienna",
                    "vilnius",
                    "volgograd",
                    "warsaw",
                    "zagreb",
                    "zaporozhye",
                    "zurich"
                ],
                "indian": [
                    "antananarivo",
                    "chagos",
                    "christmas",
                    "cocos",
                    "comoro",
                    "kerguelen",
                    "mahe",
                    "maldives",
                    "mauritius",
                    "mayotte",
                    "reunion"
                ],
                "pacific": [
                    "apia",
                    "auckland",
                    "chatham",
                    "chuuk",
                    "easter",
                    "efate",
                    "enderbury",
                    "fakaofo",
                    "fiji",
                    "funafuti",
                    "galapagos",
                    "gambier",
                    "guadalcanal",
                    "guam",
                    "honolulu",
                    "johnston",
                    "kiritimati",
                    "kosrae",
                    "kwajalein",
                    "majuro",
                    "marquesas",
                    "midway",
                    "nauru",
                    "niue",
                    "norfolk",
                    "noumea",
                    "pago_pago",
                    "palau",
                    "pitcairn",
                    "pohnpei",
                    "port_moresby",
                    "rarotonga",
                    "saipan",
                    "tahiti",
                    "tarawa",
                    "tongatapu",
                    "wake",
                    "wallis"
                ],
                "utc": [
                    ""
                ]
            };

            var tzparts= value.split('/',2);
            var continent=tzparts[0].toLowerCase();
            var city='';
            if (tzparts[1]) {
                city=tzparts[1].toLowerCase();
            }

            return (continent in timezones && ( timezones[continent].length===0 || timezones[continent].indexOf(city)!==-1))
        }
    }
});
assets/js/helpers.js000064400000037437151520547230010504 0ustar00/*!
 * Laravel Javascript Validation
 *
 * https://github.com/proengsoft/laravel-jsvalidation
 *
 * Helper functions used by validators
 *
 * Copyright (c) 2017 Proengsoft
 * Released under the MIT license
 */

import strlen from 'locutus/php/strings/strlen';
import array_diff from 'locutus/php/array/array_diff';
import strtotime from 'locutus/php/datetime/strtotime';
import is_numeric from 'locutus/php/var/is_numeric';

$.extend(true, laravelValidation, {

    helpers: {

        /**
         * Numeric rules
         */
        numericRules: ['Integer', 'Numeric'],

        /**
         * Gets the file information from file input.
         *
         * @param fieldObj
         * @param index
         * @returns {{file: *, extension: string, size: number}}
         */
        fileinfo: function (fieldObj, index) {
            var FileName = fieldObj.value;
            index = typeof index !== 'undefined' ? index : 0;
            if ( fieldObj.files !== null ) {
                if (typeof fieldObj.files[index] !== 'undefined') {
                    return {
                        file: FileName,
                        extension: FileName.substr(FileName.lastIndexOf('.') + 1),
                        size: fieldObj.files[index].size / 1024,
                        type: fieldObj.files[index].type
                    };
                }
            }
            return false;
        },


        /**
         * Gets the selectors for th specified field names.
         *
         * @param names
         * @returns {string}
         */
        selector: function (names) {
            var selector = [];
            if (! this.isArray(names))  {
                names = [names];
            }
            for (var i = 0; i < names.length; i++) {
                selector.push("[name='" + names[i] + "']");
            }
            return selector.join();
        },


        /**
         * Check if element has numeric rules.
         *
         * @param element
         * @returns {boolean}
         */
        hasNumericRules: function (element) {
            return this.hasRules(element, this.numericRules);
        },

        /**
         * Check if element has passed rules.
         *
         * @param element
         * @param rules
         * @returns {boolean}
         */
        hasRules: function (element, rules) {

            var found = false;
            if (typeof rules === 'string') {
                rules = [rules];
            }

            var validator = $.data(element.form, "validator");
            var listRules = [];
            var cache = validator.arrayRulesCache;
            if (element.name in cache) {
                $.each(cache[element.name], function (index, arrayRule) {
                    listRules.push(arrayRule);
                });
            }
            if (element.name in validator.settings.rules) {
                listRules.push(validator.settings.rules[element.name]);
            }
            $.each(listRules, function(index,objRules){
                if ('laravelValidation' in objRules) {
                    var _rules=objRules.laravelValidation;
                    for (var i = 0; i < _rules.length; i++) {
                        if ($.inArray(_rules[i][0],rules) !== -1) {
                            found = true;
                            return false;
                        }
                    }
                }
            });

            return found;
        },

        /**
         * Return the string length using PHP function.
         * http://php.net/manual/en/function.strlen.php
         * http://phpjs.org/functions/strlen/
         *
         * @param string
         */
        strlen: function (string) {
            return strlen(string);
        },

        /**
         * Get the size of the object depending of his type.
         *
         * @param obj
         * @param element
         * @param value
         * @returns int
         */
        getSize: function getSize(obj, element, value) {

            if (this.hasNumericRules(element) && this.is_numeric(value)) {
                return parseFloat(value);
            } else if (this.isArray(value)) {
                return parseFloat(value.length);
            } else if (element.type === 'file') {
                return parseFloat(Math.floor(this.fileinfo(element).size));
            }

            return parseFloat(this.strlen(value));
        },


        /**
         * Return specified rule from element.
         *
         * @param rule
         * @param element
         * @returns object
         */
        getLaravelValidation: function(rule, element) {

            var found = undefined;
            $.each($.validator.staticRules(element), function(key, rules) {
                if (key==="laravelValidation") {
                    $.each(rules, function (i, value) {
                        if (value[0]===rule) {
                            found=value;
                        }
                    });
                }
            });

            return found;
        },

        /**
         * Return he timestamp of value passed using format or default format in element.
         *
         * @param value
         * @param format
         * @returns {boolean|int}
         */
        parseTime: function (value, format) {

            var timeValue = false;
            var fmt = new DateFormatter();

            if (typeof value === 'number' && typeof format === 'undefined') {
                return value;
            }

            if (typeof format === 'object') {
                var dateRule = this.getLaravelValidation('DateFormat', format);
                if (dateRule !== undefined) {
                    format = dateRule[1][0];
                } else {
                    format = null;
                }
            }

            if (format == null) {
                timeValue = this.strtotime(value);
            } else {
                timeValue = fmt.parseDate(value, format);
                if (timeValue instanceof Date && fmt.formatDate(timeValue, format) === value) {
                    timeValue = Math.round((timeValue.getTime() / 1000));
                } else {
                    timeValue = false;
                }
            }

            return timeValue;
        },

        /**
         * Compare a given date against another using an operator.
         *
         * @param validator
         * @param value
         * @param element
         * @param params
         * @param operator
         * @return {boolean}
         */
        compareDates: function (validator, value, element, params, operator) {

            var timeCompare = this.parseTime(params);

            if (!timeCompare) {
                var target = this.dependentElement(validator, element, params);
                if (target === undefined) {
                    return false;
                }
                timeCompare = this.parseTime(validator.elementValue(target), target);
            }

            var timeValue = this.parseTime(value, element);
            if (timeValue === false) {
                return false;
            }

            switch (operator) {
                case '<':
                    return timeValue < timeCompare;

                case '<=':
                    return timeValue <= timeCompare;

                case '==':
                case '===':
                    return timeValue === timeCompare;

                case '>':
                    return timeValue > timeCompare;

                case '>=':
                    return timeValue >= timeCompare;

                default:
                    throw new Error('Unsupported operator.');
            }
        },

        /**
         * This method allows you to intelligently guess the date by closely matching the specific format.
         *
         * @param value
         * @param format
         * @returns {Date}
         */
        guessDate: function (value, format) {
            var fmt = new DateFormatter();
            return fmt.guessDate(value, format)
        },

        /**
         * Returns Unix timestamp based on PHP function strototime.
         * http://php.net/manual/es/function.strtotime.php
         * http://phpjs.org/functions/strtotime/
         *
         * @param text
         * @param now
         * @returns {*}
         */
        strtotime: function (text, now) {
            return strtotime(text, now)
        },

        /**
         * Returns if value is numeric.
         * http://php.net/manual/es/var.is_numeric.php
         * http://phpjs.org/functions/is_numeric/
         *
         * @param mixed_var
         * @returns {*}
         */
        is_numeric: function (mixed_var) {
            return is_numeric(mixed_var)
        },

        /**
         * Check whether the argument is of type Array.
         * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray#Polyfill
         *
         * @param arg
         * @returns {boolean}
         */
        isArray: function(arg) {
            return Object.prototype.toString.call(arg) === '[object Array]';
        },

        /**
         * Returns Array diff based on PHP function array_diff.
         * http://php.net/manual/es/function.array_diff.php
         * http://phpjs.org/functions/array_diff/
         *
         * @param arr1
         * @param arr2
         * @returns {*}
         */
        arrayDiff: function (arr1, arr2) {
            return array_diff(arr1, arr2);
        },

        /**
         * Check whether two arrays are equal to one another.
         *
         * @param arr1
         * @param arr2
         * @returns {*}
         */
        arrayEquals: function (arr1, arr2) {
            if (! this.isArray(arr1) || ! this.isArray(arr2)) {
                return false;
            }
            
            if (arr1.length !== arr2.length) {
                return false;
            }
            
            return $.isEmptyObject(this.arrayDiff(arr1, arr2));
        },

        /**
         * Makes element dependant from other.
         *
         * @param validator
         * @param element
         * @param name
         * @returns {*}
         */
        dependentElement: function(validator, element, name) {

            var el=validator.findByName(name);

            if ( el[0]!==undefined  && validator.settings.onfocusout ) {
                var event = 'blur';
                if (el[0].tagName === 'SELECT' ||
                    el[0].tagName === 'OPTION' ||
                    el[0].type === 'checkbox' ||
                    el[0].type === 'radio'
                ) {
                    event = 'click';
                }

                var ruleName = '.validate-laravelValidation';
                el.off( ruleName )
                    .off(event + ruleName + '-' + element.name)
                    .on( event + ruleName + '-' + element.name, function() {
                        $( element ).valid();
                    });
            }

            return el[0];
        },

        /**
         * Parses error Ajax response and gets the message.
         *
         * @param response
         * @returns {string[]}
         */
        parseErrorResponse: function (response) {
            var newResponse = ['Whoops, looks like something went wrong.'];
            if ('responseText' in response) {
                var errorMsg = response.responseText.match(/<h1\s*>(.*)<\/h1\s*>/i);
                if (this.isArray(errorMsg)) {
                    newResponse = [errorMsg[1]];
                }
            }
            return newResponse;
        },

        /**
         * Escape string to use as Regular Expression.
         *
         * @param str
         * @returns string
         */
        escapeRegExp: function (str) {
            return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
        },

        /**
         * Generate RegExp from wildcard attributes.
         *
         * @param name
         * @returns {RegExp}
         */
        regexFromWildcard: function (name) {
            var nameParts = name.split('[*]');
            if (nameParts.length === 1) nameParts.push('');

            return new RegExp('^' + nameParts.map(function(x) {
                return laravelValidation.helpers.escapeRegExp(x)
            }).join('\\[[^\\]]*\\]') + '$');
        },

        /**
         * Merge additional laravel validation rules into the current rule set.
         *
         * @param {object} rules
         * @param {object} newRules
         * @returns {object}
         */
        mergeRules: function (rules, newRules) {
            var rulesList = {
                'laravelValidation': newRules.laravelValidation || [],
                'laravelValidationRemote': newRules.laravelValidationRemote || []
            };

            for (var key in rulesList) {
                if (rulesList[key].length === 0) {
                    continue;
                }

                if (typeof rules[key] === "undefined") {
                    rules[key] = [];
                }

                rules[key] = rules[key].concat(rulesList[key]);
            }

            return rules;
        },

        /**
         * HTML entity encode a string.
         *
         * @param string
         * @returns {string}
         */
        encode: function (string) {
            return $('<div/>').text(string).html();
        },

        /**
         * Lookup name in an array.
         *
         * @param validator
         * @param {string} name Name in dot notation format.
         * @returns {*}
         */
        findByArrayName: function (validator, name) {
            var sqName = name.replace(/\.([^\.]+)/g, '[$1]'),
                lookups = [
                    // Convert dot to square brackets. e.g. foo.bar.0 becomes foo[bar][0]
                    sqName,
                    // Append [] to the name e.g. foo becomes foo[] or foo.bar.0 becomes foo[bar][0][]
                    sqName + '[]',
                    // Remove key from last array e.g. foo[bar][0] becomes foo[bar][]
                    sqName.replace(/(.*)\[(.*)\]$/g, '$1[]')
                ];

            for (var i = 0; i < lookups.length; i++) {
                var elem = validator.findByName(lookups[i]);
                if (elem.length > 0) {
                    return elem;
                }
            }

            return $(null);
        },

        /**
         * Attempt to find an element in the DOM matching the given name.
         * Example names include:
         *    - domain.0 which matches domain[]
         *    - customfield.3 which matches customfield[3]
         *
         * @param validator
         * @param {string} name
         * @returns {*}
         */
        findByName: function (validator, name) {
            // Exact match.
            var elem = validator.findByName(name);
            if (elem.length > 0) {
                return elem;
            }

            // Find name in data, using dot notation.
            var delim = '.',
                parts  = name.split(delim);
            for (var i = parts.length; i > 0; i--) {
                var reconstructed = [];
                for (var c = 0; c < i; c++) {
                    reconstructed.push(parts[c]);
                }

                elem = this.findByArrayName(validator, reconstructed.join(delim));
                if (elem.length > 0) {
                    return elem;
                }
            }

            return $(null);
        },

        /**
         * If it's an array element, get all values.
         *
         * @param validator
         * @param element
         * @returns {*|string}
         */
        allElementValues: function (validator, element) {
            if (element.name.indexOf('[]') !== -1) {
                return validator.findByName(element.name).map(function (i, e) {
                    return validator.elementValue(e);
                }).get();
            }

            return validator.elementValue(element);
        }
    }
});
assets/js/validations.js000064400000060256151520547230011352 0ustar00/*!
 * Laravel Javascript Validation
 *
 * https://github.com/proengsoft/laravel-jsvalidation
 *
 * Methods that implement Laravel Validations
 *
 * Copyright (c) 2017 Proengsoft
 * Released under the MIT license
 */

$.extend(true, laravelValidation, {

    methods:{

        helpers: laravelValidation.helpers,

        jsRemoteTimer:0,

        /**
         * "Validate" optional attributes.
         * Always returns true, just lets us put sometimes in rules.
         *
         * @return {boolean}
         */
        Sometimes: function() {
            return true;
        },

        /**
         * Bail This is the default behaivour os JSValidation.
         * Always returns true, just lets us put sometimes in rules.
         *
         * @return {boolean}
         */
        Bail: function() {
            return true;
        },

        /**
         * "Indicate" validation should pass if value is null.
         * Always returns true, just lets us put "nullable" in rules.
         *
         * @return {boolean}
         */
        Nullable: function() {
            return true;
        },

        /**
         * Validate the given attribute is filled if it is present.
         */
        Filled: function(value, element) {
            return $.validator.methods.required.call(this, value, element, true);
        },


        /**
         * Validate that a required attribute exists.
         */
        Required: function(value, element) {
            return  $.validator.methods.required.call(this, value, element);
        },

        /**
         * Validate that an attribute exists when any other attribute exists.
         *
         * @return {boolean}
         */
        RequiredWith: function(value, element, params) {
            var validator=this,
                required=false;
            var currentObject=this;

            $.each(params,function(i,param) {
                var target=laravelValidation.helpers.dependentElement(
                    currentObject, element, param
                );
                required=required || (
                    target!==undefined &&
                    $.validator.methods.required.call(
                        validator,
                        currentObject.elementValue(target),
                        target,true
                    ));
            });

            if (required) {
                return  $.validator.methods.required.call(this, value, element, true);
            }
            return true;
        },

        /**
         * Validate that an attribute exists when all other attribute exists.
         *
         * @return {boolean}
         */
        RequiredWithAll: function(value, element, params) {
            var validator=this,
                required=true;
            var currentObject=this;

            $.each(params,function(i,param) {
                var target=laravelValidation.helpers.dependentElement(
                    currentObject, element, param
                );
                required = required && (
                      target!==undefined &&
                      $.validator.methods.required.call(
                          validator,
                          currentObject.elementValue(target),
                          target,true
                      ));
            });

            if (required) {
                return  $.validator.methods.required.call(this, value, element, true);
            }
            return true;
        },

        /**
         * Validate that an attribute exists when any other attribute does not exists.
         *
         * @return {boolean}
         */
        RequiredWithout: function(value, element, params) {
            var validator=this,
                required=false;
            var currentObject=this;

            $.each(params,function(i,param) {
                var target=laravelValidation.helpers.dependentElement(
                    currentObject, element, param
                );
                required = required ||
                    target===undefined||
                    !$.validator.methods.required.call(
                        validator,
                        currentObject.elementValue(target),
                        target,true
                    );
            });

            if (required) {
                return  $.validator.methods.required.call(this, value, element, true);
            }
            return true;
        },

        /**
         * Validate that an attribute exists when all other attribute does not exists.
         *
         * @return {boolean}
         */
        RequiredWithoutAll: function(value, element, params) {
            var validator=this,
                required=true,
                currentObject=this;

            $.each(params,function(i, param) {
                var target=laravelValidation.helpers.dependentElement(
                    currentObject, element, param
                );
                required = required && (
                    target===undefined ||
                    !$.validator.methods.required.call(
                        validator,
                        currentObject.elementValue(target),
                        target,true
                    ));
            });

            if (required) {
                return  $.validator.methods.required.call(this, value, element, true);
            }
            return true;
        },

        /**
         * Validate that an attribute exists when another attribute has a given value.
         *
         * @return {boolean}
         */
        RequiredIf: function(value, element, params) {

            var target=laravelValidation.helpers.dependentElement(
                this, element, params[0]
            );

            if (target!==undefined) {
                var val=String(this.elementValue(target));
                if (typeof val !== 'undefined') {
                    var data = params.slice(1);
                    if ($.inArray(val, data) !== -1) {
                        return $.validator.methods.required.call(
                            this, value, element, true
                        );
                    }
                }
            }

            return true;
        },

        /**
         * Validate that an attribute exists when another
         * attribute does not have a given value.
         *
         * @return {boolean}
         */
        RequiredUnless: function(value, element, params) {

            var target=laravelValidation.helpers.dependentElement(
                this, element, params[0]
            );

            if (target!==undefined) {
                var val=String(this.elementValue(target));
                if (typeof val !== 'undefined') {
                    var data = params.slice(1);
                    if ($.inArray(val, data) !== -1) {
                        return true;
                    }
                }
            }

            return $.validator.methods.required.call(
                this, value, element, true
            );

        },

        /**
         * Validate that an attribute has a matching confirmation.
         *
         * @return {boolean}
         */
        Confirmed: function(value, element, params) {
            return laravelValidation.methods.Same.call(this,value, element, params);
        },

        /**
         * Validate that two attributes match.
         *
         * @return {boolean}
         */
        Same: function(value, element, params) {

            var target=laravelValidation.helpers.dependentElement(
                this, element, params[0]
            );

            if (target!==undefined) {
                return String(value) === String(this.elementValue(target));
            }
            return false;
        },

        /**
         * Validate that the values of an attribute is in another attribute.
         *
         * @param value
         * @param element
         * @param params
         * @returns {boolean}
         * @constructor
         */
        InArray: function (value, element, params) {
            if (typeof params[0] === 'undefined') {
                return false;
            }
            var elements = this.elements();
            var found = false;
            var nameRegExp = laravelValidation.helpers.regexFromWildcard(params[0]);

            for ( var i = 0; i < elements.length ; i++ ) {
                var targetName = elements[i].name;
                if (targetName.match(nameRegExp)) {
                    var equals = laravelValidation.methods.Same.call(this,value, element, [targetName]);
                    found = found || equals;
                }
            }

            return found;
        },

        /**
         * Validate an attribute is unique among other values.
         *
         * @param value
         * @param element
         * @param params
         * @returns {boolean}
         */
        Distinct: function (value, element, params) {
            if (typeof params[0] === 'undefined') {
                return false;
            }

            var elements = this.elements();
            var found = false;
            var nameRegExp = laravelValidation.helpers.regexFromWildcard(params[0]);

            for ( var i = 0; i < elements.length ; i++ ) {
                var targetName = elements[i].name;
                if (targetName !== element.name && targetName.match(nameRegExp)) {
                    var equals = laravelValidation.methods.Same.call(this,value, element, [targetName]);
                    found = found || equals;
                }
            }

            return !found;
        },


        /**
         * Validate that an attribute is different from another attribute.
         *
         * @return {boolean}
         */
        Different: function(value, element, params) {
            return ! laravelValidation.methods.Same.call(this,value, element, params);
        },

        /**
         * Validate that an attribute was "accepted".
         * This validation rule implies the attribute is "required".
         *
         * @return {boolean}
         */
        Accepted: function(value) {
            var regex = new RegExp("^(?:(yes|on|1|true))$",'i');
            return regex.test(value);
        },

        /**
         * Validate that an attribute is an array.
         *
         * @param value
         * @param element
         */
        Array: function(value, element) {
            if (element.name.indexOf('[') !== -1 && element.name.indexOf(']') !== -1) {
                return true;
            }

            return laravelValidation.helpers.isArray(value);
        },

        /**
         * Validate that an attribute is a boolean.
         *
         * @return {boolean}
         */
        Boolean: function(value) {
            var regex= new RegExp("^(?:(true|false|1|0))$",'i');
            return  regex.test(value);
        },

        /**
         * Validate that an attribute is an integer.
         *
         * @return {boolean}
         */
        Integer: function(value) {
            var regex= new RegExp("^(?:-?\\d+)$",'i');
            return  regex.test(value);
        },

        /**
         * Validate that an attribute is numeric.
         */
        Numeric: function(value, element) {
            return $.validator.methods.number.call(this, value, element, true);
        },

        /**
         * Validate that an attribute is a string.
         *
         * @return {boolean}
         */
        String: function(value) {
            return typeof value === 'string';
        },

        /**
         * The field under validation must be numeric and must have an exact length of value.
         */
        Digits: function(value, element, params) {
            return (
                $.validator.methods.number.call(this, value, element, true) &&
                value.length === parseInt(params, 10)
            );
        },

        /**
         * The field under validation must have a length between the given min and max.
         */
        DigitsBetween: function(value, element, params) {
            return ($.validator.methods.number.call(this, value, element, true)
                && value.length>=parseFloat(params[0]) && value.length<=parseFloat(params[1]));
        },

        /**
         * Validate the size of an attribute.
         *
         * @return {boolean}
         */
        Size: function(value, element, params) {
            return laravelValidation.helpers.getSize(this, element,value) === parseFloat(params[0]);
        },

        /**
         * Validate the size of an attribute is between a set of values.
         *
         * @return {boolean}
         */
        Between: function(value, element, params) {
            return ( laravelValidation.helpers.getSize(this, element,value) >= parseFloat(params[0]) &&
                laravelValidation.helpers.getSize(this,element,value) <= parseFloat(params[1]));
        },

        /**
         * Validate the size of an attribute is greater than a minimum value.
         *
         * @return {boolean}
         */
        Min: function(value, element, params) {
            value = laravelValidation.helpers.allElementValues(this, element);

            return laravelValidation.helpers.getSize(this, element, value) >= parseFloat(params[0]);
        },

        /**
         * Validate the size of an attribute is less than a maximum value.
         *
         * @return {boolean}
         */
        Max: function(value, element, params) {
            value = laravelValidation.helpers.allElementValues(this, element);

            return laravelValidation.helpers.getSize(this, element, value) <= parseFloat(params[0]);
        },

        /**
         * Validate an attribute is contained within a list of values.
         *
         * @return {boolean}
         */
        In: function(value, element, params) {
            if (laravelValidation.helpers.isArray(value)
                && laravelValidation.helpers.hasRules(element, "Array")
            ) {
                var diff = laravelValidation.helpers.arrayDiff(value, params);

                return Object.keys(diff).length === 0;
            }

            return params.indexOf(value.toString()) !== -1;
        },

        /**
         * Validate an attribute is not contained within a list of values.
         *
         * @return {boolean}
         */
        NotIn: function(value, element, params) {
            return params.indexOf(value.toString()) === -1;
        },

        /**
         * Validate that an attribute is a valid IP.
         *
         * @return {boolean}
         */
        Ip: function(value) {
            return /^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/i.test(value) ||
                /^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i.test(value);
        },

        /**
         * Validate that an attribute is a valid e-mail address.
         */
        Email: function(value, element) {
            return $.validator.methods.email.call(this, value, element, true);
        },

        /**
         * Validate that an attribute is a valid URL.
         */
        Url: function(value, element) {
            return $.validator.methods.url.call(this, value, element, true);
        },

        /**
         * The field under validation must be a successfully uploaded file.
         *
         * @return {boolean}
         */
        File: function(value, element) {
            if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
                return true;
            }
            if ('files' in element ) {
                return (element.files.length > 0);
            }
            return false;
        },

        /**
         * Validate the MIME type of a file upload attribute is in a set of MIME types.
         *
         * @return {boolean}
         */
        Mimes: function(value, element, params) {
            if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
                return true;
            }
            var lowerParams = $.map(params, function(item) {
                return item.toLowerCase();
            });

            var fileinfo = laravelValidation.helpers.fileinfo(element);
            return (fileinfo !== false && lowerParams.indexOf(fileinfo.extension.toLowerCase())!==-1);
        },

        /**
         * The file under validation must match one of the given MIME types.
         *
         * @return {boolean}
         */
        Mimetypes: function(value, element, params) {
            if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
                return true;
            }
            var lowerParams = $.map(params, function(item) {
                return item.toLowerCase();
            });

            var fileinfo = laravelValidation.helpers.fileinfo(element);

            if (fileinfo === false) {
                return false;
            }
            return (lowerParams.indexOf(fileinfo.type.toLowerCase())!==-1);
        },

        /**
         * Validate the MIME type of a file upload attribute is in a set of MIME types.
         */
        Image: function(value, element) {
            return laravelValidation.methods.Mimes.call(this, value, element, [
                'jpg', 'png', 'gif', 'bmp', 'svg', 'jpeg'
            ]);
        },

        /**
         * Validate dimensions of Image.
         *
         * @return {boolean|string}
         */
        Dimensions: function(value, element, params, callback) {
            if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
                return true;
            }
            if (element.files === null || typeof element.files[0] === 'undefined') {
                return false;
            }

            var fr = new FileReader;
            fr.onload = function () {
                var img = new Image();
                img.onload = function () {
                    var height = parseFloat(img.naturalHeight);
                    var width = parseFloat(img.naturalWidth);
                    var ratio = width / height;
                    var notValid = ((params['width']) && parseFloat(params['width'] !== width)) ||
                        ((params['min_width']) && parseFloat(params['min_width']) > width) ||
                        ((params['max_width']) && parseFloat(params['max_width']) < width) ||
                        ((params['height']) && parseFloat(params['height']) !== height) ||
                        ((params['min_height']) && parseFloat(params['min_height']) > height) ||
                        ((params['max_height']) && parseFloat(params['max_height']) < height) ||
                        ((params['ratio']) && ratio !== parseFloat(eval(params['ratio']))
                        );
                    callback(! notValid);
                };
                img.onerror = function() {
                    callback(false);
                };
                img.src = fr.result;
            };
            fr.readAsDataURL(element.files[0]);

            return 'pending';
        },

        /**
         * Validate that an attribute contains only alphabetic characters.
         *
         * @return {boolean}
         */
        Alpha: function(value) {
            if (typeof  value !== 'string') {
                return false;
            }

            var regex = new RegExp("^(?:^[a-z\u00E0-\u00FC]+$)$",'i');
            return  regex.test(value);

        },

        /**
         * Validate that an attribute contains only alpha-numeric characters.
         *
         * @return {boolean}
         */
        AlphaNum: function(value) {
            if (typeof  value !== 'string') {
                return false;
            }
            var regex = new RegExp("^(?:^[a-z0-9\u00E0-\u00FC]+$)$",'i');
            return regex.test(value);
        },

        /**
         * Validate that an attribute contains only alphabetic characters.
         *
         * @return {boolean}
         */
        AlphaDash: function(value) {
            if (typeof  value !== 'string') {
                return false;
            }
            var regex = new RegExp("^(?:^[a-z0-9\u00E0-\u00FC_-]+$)$",'i');
            return regex.test(value);
        },

        /**
         * Validate that an attribute passes a regular expression check.
         *
         * @return {boolean}
         */
        Regex: function(value, element, params) {
            var invalidModifiers=['x','s','u','X','U','A'];
            // Converting php regular expression
            var phpReg= new RegExp('^(?:\/)(.*\\\/?[^\/]*|[^\/]*)(?:\/)([gmixXsuUAJ]*)?$');
            var matches=params[0].match(phpReg);
            if (matches === null) {
                return false;
            }
            // checking modifiers
            var php_modifiers=[];
            if (matches[2]!==undefined) {
                php_modifiers=matches[2].split('');
                for (var i=0; i<php_modifiers.length<i ;i++) {
                    if (invalidModifiers.indexOf(php_modifiers[i])!==-1) {
                        return true;
                    }
                }
            }
            var regex = new RegExp("^(?:"+matches[1]+")$",php_modifiers.join());
            return   regex.test(value);
        },

        /**
         * Validate that an attribute is a valid date.
         *
         * @return {boolean}
         */
        Date: function(value) {
            return (laravelValidation.helpers.strtotime(value)!==false);
        },

        /**
         * Validate that an attribute matches a date format.
         *
         * @return {boolean}
         */
        DateFormat: function(value, element, params) {
            return laravelValidation.helpers.parseTime(value,params[0])!==false;
        },

        /**
         * Validate the date is before a given date.
         *
         * @return {boolean}
         */
        Before: function(value, element, params) {
            return laravelValidation.helpers.compareDates(this, value, element, params[0], '<');
        },

        /**
         * Validate the date is equal or before a given date.
         *
         * @return {boolean}
         */
        BeforeOrEqual: function(value, element, params) {
            return laravelValidation.helpers.compareDates(this, value, element, params[0], '<=');
        },

        /**
         * Validate the date is after a given date.
         *
         * @return {boolean}
         */
        After: function(value, element, params) {
            return laravelValidation.helpers.compareDates(this, value, element, params[0], '>');
        },

        /**
         * Validate the date is equal or after a given date.
         *
         * @return {boolean}
         */
        AfterOrEqual: function(value, element, params) {
            return laravelValidation.helpers.compareDates(this, value, element, params[0], '>=');
        },


        /**
         * Validate that an attribute is a valid date.
         */
        Timezone: function(value) {
            return  laravelValidation.helpers.isTimezone(value);
        },


        /**
         * Validate the attribute is a valid JSON string.
         *
         * @param  value
         * @return bool
         */
        Json: function(value) {
            var result = true;
            try {
                JSON.parse(value);
            } catch (e) {
                result = false;
            }
            return result;
        },

        /**
         * Noop (always returns true).
         *
         * @param value
         * @returns {boolean}
         */
        ProengsoftNoop: function (value) {
            return true;
        },
    }
});
assets/js/jsvalidation.js000064400000033572151520547230011525 0ustar00/*!
 * Laravel Javascript Validation
 *
 * https://github.com/proengsoft/laravel-jsvalidation
 *
 * Copyright (c) 2017 Proengsoft
 * Released under the MIT license
 */

var laravelValidation;
laravelValidation = {

    implicitRules: ['Required','Confirmed'],

    /**
     * Initialize laravel validations.
     */
    init: function () {

        // jquery-validation requires the field under validation to be present. We're adding a dummy hidden
        // field so that any errors are not visible.
        var constructor = $.fn.validate;
        $.fn.validate = function( options ) {
            var name = 'proengsoft_jsvalidation'; // must match the name defined in JsValidatorFactory.newFormRequestValidator
            var $elm = $(this).find('input[name="' + name + '"]');
            if ($elm.length === 0) {
                $('<input>').attr({type: 'hidden', name: name}).appendTo(this);
            }

            return constructor.apply(this, [options]);
        };

        // Disable class rules and attribute rules
        $.validator.classRuleSettings = {};
        $.validator.attributeRules = function () {};

        $.validator.dataRules = this.arrayRules;
        $.validator.prototype.arrayRulesCache = {};

        // Register validations methods
        this.setupValidations();
    },

    arrayRules: function(element) {

        var rules = {},
            validator = $.data( element.form, "validator"),
            cache = validator.arrayRulesCache;

        // Is not an Array
        if (element.name.indexOf('[') === -1) {
            return rules;
        }

        if (! (element.name in cache)) {
            cache[element.name] = {};
        }

        $.each(validator.settings.rules, function(name, tmpRules) {
            if (name in cache[element.name]) {
                rules = laravelValidation.helpers.mergeRules(rules, cache[element.name][name]);
            } else {
                cache[element.name][name] = {};

                var nameRegExp = laravelValidation.helpers.regexFromWildcard(name);
                if (element.name.match(nameRegExp)) {
                    var newRules = $.validator.normalizeRule(tmpRules) || {};
                    cache[element.name][name] = newRules;

                    rules = laravelValidation.helpers.mergeRules(rules, newRules);
                }
            }
        });

        return rules;
    },

    setupValidations: function () {

        /**
         * Get CSRF token.
         *
         * @param params
         * @returns {string}
         */
        var getCsrfToken = function (params) {
            return params[0][1][1];
        };

        /**
         * Whether to validate all attributes.
         *
         * @param params
         * @returns {boolean}
         */
        var isValidateAll = function (params) {
            return params[0][1][2];
        };

        /**
         * Determine whether the rule is implicit.
         *
         * @param params
         * @returns {boolean}
         */
        var isImplicit = function (params) {
            var implicit = false;
            $.each(params, function (i, parameters) {
                implicit = implicit || parameters[3];
            });

            return implicit;
        };

        /**
         * Get form method from a validator instance.
         *
         * @param validator
         * @returns {string}
         */
        var formMethod = function (validator) {
            var formMethod = $(validator.currentForm).attr('method');
            if ($(validator.currentForm).find('input[name="_method"]').length) {
                formMethod = $(validator.currentForm).find('input[name="_method"]').val();
            }

            return formMethod;
        };

        /**
         * Get AJAX parameters for remote requests.
         *
         * @param validator
         * @param element
         * @param params
         * @param data
         * @returns {object}
         */
        var ajaxOpts = function (validator, element, params, data) {
            return {
                mode: 'abort',
                port: 'validate' + element.name,
                dataType: 'json',
                data: data,
                context: validator.currentForm,
                url: $(validator.currentForm).attr('action'),
                type: formMethod(validator),
                beforeSend: function (xhr) {
                    var token = getCsrfToken(params);
                    if (formMethod(validator) !== 'get' && token) {
                        return xhr.setRequestHeader('X-XSRF-TOKEN', token);
                    }
                },
            };
        };

        /**
         * Validate a set of local JS based rules against an element.
         *
         * @param validator
         * @param values
         * @param element
         * @param rules
         * @returns {boolean}
         */
        var validateLocalRules = function (validator, values, element, rules) {
            var validated = true,
                previous = validator.previousValue(element);

            $.each(rules, function (i, param) {
                var implicit = param[3] || laravelValidation.implicitRules.indexOf(param[0]) !== -1;
                var rule = param[0];
                var message = param[2];

                if (! implicit && validator.optional(element)) {
                    validated = "dependency-mismatch";
                    return false;
                }

                if (laravelValidation.methods[rule] !== undefined) {
                    $.each(values, function(index, value) {
                        validated = laravelValidation.methods[rule].call(validator, value, element, param[1], function(valid) {
                            validator.settings.messages[element.name].laravelValidationRemote = previous.originalMessage;
                            if (valid) {
                                var submitted = validator.formSubmitted;
                                validator.prepareElement(element);
                                validator.formSubmitted = submitted;
                                validator.successList.push(element);
                                delete validator.invalid[element.name];
                                validator.showErrors();
                            } else {
                                var errors = {};
                                errors[ element.name ]
                                    = previous.message
                                    = typeof message === "function" ? message( value ) : message;
                                validator.invalid[element.name] = true;
                                validator.showErrors(errors);
                            }
                            validator.showErrors(validator.errorMap);
                            previous.valid = valid;
                        });

                        // Break loop.
                        if (validated === false) {
                            return false;
                        }
                    });
                } else {
                    validated = false;
                }

                if (validated !== true) {
                    if (!validator.settings.messages[element.name] ) {
                        validator.settings.messages[element.name] = {};
                    }

                    validator.settings.messages[element.name].laravelValidation= message;

                    return false;
                }

            });

            return validated;
        };

        /**
         * Create JQueryValidation check to validate Laravel rules.
         */

        $.validator.addMethod("laravelValidation", function (value, element, params) {
            var rules = [],
                arrayRules = [];
            $.each(params, function (i, param) {
                // put Implicit rules in front
                var isArrayRule = param[4].indexOf('[') !== -1;
                if (param[3] || laravelValidation.implicitRules.indexOf(param[0]) !== -1) {
                    isArrayRule ? arrayRules.unshift(param) : rules.unshift(param);
                } else {
                    isArrayRule ? arrayRules.push(param) : rules.push(param);
                }
            });

            // Validate normal rules.
            var localRulesResult = validateLocalRules(this, [value], element, rules);

            // Validate items of the array using array rules.
            var arrayValue = ! Array.isArray(value) ? [value] : value;
            var arrayRulesResult = validateLocalRules(this, arrayValue, element, arrayRules);

            return localRulesResult && arrayRulesResult;
        }, '');


        /**
         * Create JQueryValidation check to validate Remote Laravel rules.
         */
        $.validator.addMethod("laravelValidationRemote", function (value, element, params) {

            if (! isImplicit(params) && this.optional( element )) {
                return "dependency-mismatch";
            }

            var previous = this.previousValue( element ),
                validator, data;

            if (! this.settings.messages[ element.name ]) {
                this.settings.messages[ element.name ] = {};
            }
            previous.originalMessage = this.settings.messages[ element.name ].laravelValidationRemote;
            this.settings.messages[ element.name ].laravelValidationRemote = previous.message;

            if (laravelValidation.helpers.arrayEquals(previous.old, value) || previous.old === value) {
                return previous.valid;
            }

            previous.old = value;
            validator = this;
            this.startRequest( element );

            data = $(validator.currentForm).serializeArray();
            data.push({'name': '_jsvalidation', 'value': element.name});
            data.push({'name': '_jsvalidation_validate_all', 'value': isValidateAll(params)});

            $.ajax( ajaxOpts(validator, element, params, data) )
                .always(function( response, textStatus ) {
                    var errors, message, submitted, valid;

                    if (textStatus === 'error') {
                        valid = false;
                        response = laravelValidation.helpers.parseErrorResponse(response);
                    } else if (textStatus === 'success') {
                        valid = response === true || response === "true";
                    } else {
                        return;
                    }

                    validator.settings.messages[ element.name ].laravelValidationRemote = previous.originalMessage;

                    if ( valid ) {
                        submitted = validator.formSubmitted;
                        validator.prepareElement( element );
                        validator.formSubmitted = submitted;
                        validator.successList.push( element );
                        delete validator.invalid[ element.name ];
                        validator.showErrors();
                    } else {
                        errors = {};
                        message = response || validator.defaultMessage( element, "remote" );
                        errors[ element.name ]
                            = previous.message
                            = typeof message === "function" ? message( value ) : message[0];
                        validator.invalid[ element.name ] = true;
                        validator.showErrors( errors );
                    }
                    validator.showErrors(validator.errorMap);
                    previous.valid = valid;
                    validator.stopRequest( element, valid );
                }
            );
            return "pending";
        }, '');

        /**
         * Create JQueryValidation check to form requests.
         */
        $.validator.addMethod("laravelValidationFormRequest", function (value, element, params) {

            var validator = this,
                previous = validator.previousValue(element);

            var data = $(validator.currentForm).serializeArray();
            data.push({name: '__proengsoft_form_request', value: 1}); // must match FormRequest.JS_VALIDATION_FIELD

            // Skip AJAX if the value remains the same as a prior request.
            if (JSON.stringify(previous.old) === JSON.stringify(data)) {
                if (! previous.valid) {
                    validator.showErrors(previous.errors || {});
                }

                return previous.valid;
            }

            previous.old = data;
            this.startRequest( element );

            $.ajax(ajaxOpts(validator, element, params, data))
                .always(function( response, textStatus ) {
                    var errors = {},
                        valid = textStatus === 'success' && (response === true || response === 'true');

                    if (valid) {
                        validator.resetInternals();
                        validator.toHide = validator.errorsFor( element );
                    } else {
                        $.each( response, function( fieldName, errorMessages ) {
                            var errorElement = laravelValidation.helpers.findByName(validator, fieldName)[0];
                            if (errorElement) {
                                errors[errorElement.name] = laravelValidation.helpers.encode(errorMessages[0] || '');
                            }
                        });

                        // Failed to find the error fields so mark the form as valid otherwise user
                        // will be left in limbo with no visible error messages.
                        if ($.isEmptyObject(errors)) {
                            valid = true;
                        }
                    }

                    previous.valid = valid;
                    previous.errors = errors;
                    validator.showErrors(errors);
                    validator.stopRequest(element, valid);
                });

            return 'pending';
        }, '');
    }
};

$(function() {
    laravelValidation.init();
});