{{--Get the Page Format--}}
@extends('layouts.app')

{{--Set Page Title--}}
@section('title', 'IT Dashboard')

{{--Include any Internal JS Code--}}
@section('internal-js')
    <script>
        $(document).ready(function () {
            $('#clnt_name').on('click', function () {
                $('#narration').html('Search by Client Name. i.e Done Moe');
                $('input[type=text]').val("");
                $('.search_results').hide();
            });
        });
    </script>
@endsection

{{--Include any Internal CSS Code--}}
@section('internal-css')
    <style>
        label{
            margin-left: 15px;
        }
    </style>
@endsection

{{--Control Page Header/Links--}}
@section('headers')
    @include('headers.it-header')
@endsection

{{--Set Page Heading--}}
@section('heading', 'IT Dashboard')
@section('done-by', '')

{{--Page Content Goes here--}}
@section('content')

    <div class="guestDetails_inputDivider1"></div>
    <div class="guestDetails_buttons_left">
    </div>
    <div class="guestDetails_inputDivider2"></div>

    <form id="target_form" method="post" action="" >
        @csrf
        <div class="dashboard">
            <div class="guestDetails_input">
                <div class="guestDetails_inputLabel"><span class="error">Search Clients to Open File.</span></div>
            </div>
            <div class="guestDetails_inputDivider1"></div>
            <div class="guestDetails_buttons_left">
                <div class="guestDetails_inputLabel">You can Search By: </div>
            </div>
            <div class="guestDetails_buttons_left">
                <div class="guestDetails_buttons_left">
                    <label>Client Name:</label><input id="clnt_name" type="radio" name="search" value="Client Name" checked>
                </div>
            </div>
            <div class="guestDetails_inputDivider2"></div>
            <div class="guestDetails_buttons_left">
                <div class="guestDetails_inputLabel"><p id="narration">Search by Client Name. i.e Done</p></div>
                <div class="guestDetails_input">
                    <input type="text" name="narration" size="60px" style="height: 20px; border-radius: 10px; border: 3px solid #969296;" autocomplete="off" value="<?php if(isset($pattern)){ echo $pattern ;} ?>">
                </div>
                <div class="guestDetails_buttons_left">
                    <button type="submit" name="find" onclick="alert('You need to Upgrade your System Version to use this Functionality'); return false" class="submit">Search &nbsp; <i class="fa fa-search" aria-hidden="true"></i></button>
                </div>
            </div>
            <div class="guestDetails_inputDivider"></div><br>
        </div>
    </form>
@endsection

{{--System Hints Page--}}

@section('modal_heading')
    <h1>Underwriting Dashboard</h1>
@endsection
@section('modal_title')
    <h3><u>Dashboard Functionalities</u></h3>
    <ol><b>
            <li>Search Existing Policies using different Search Parameters</li>
            <li>Search and navigate to a Client's File</li>
            <li>Search a Scheme to view member's policies under the scheme</li>
            <li>Add Quotes/Policies to the System</li>
        </b>
    </ol>
@endsection




