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

    <div class="row">
        <div class="col-8 offset-2">


            <form action="{{ action('Erp\Controller\Staff@saveStaff')  }}" method='post'>
                {{csrf_field() }}

                <div class="card ">
                    <div class='card-header'>
                        <div class="row">
                            <div class="col-12">
                                <div class="title-block">
                                    <h3 class="title">Staff Personal Profile</h3>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card-body ">
                        <div class="row">

                            @if (session('err_msg'))
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        {{ session('err_msg') }}
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="form-group row">

                            <div class="col-md-3">
                                <label class="control-label">Staff ID:</label>
                                <input type="text" required name='tb_sid' class="form-control boxed">
                            </div>


                            <div class="col-md-3">
                                <label class="control-label">Social Security Number:</label>
                                <input type="text" required name='tb_ssn' class="form-control boxed">
                            </div>


                        </div>


                        <div class="form-row">
                            <div class="col-12">
                                <div class="title-block">
                                    <hr/>
                                    <h3 class="title">Job Information</h3>
                                    <hr/>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="control-label">Designtion/Job Role:</label>
                                <input type="text" name='tb_desig' autocomplete="off" class="form-control boxed  ">

                            </div>
                            <div class="col-md-4">
                                <label class="control-label">Date of Hiring:</label>
                                <input type="date" name='tb_doj' autocomplete="off" class="form-control boxed  ">

                            </div>
                            <div class="col-md-4">
                                <label class="control-label">Last Day:</label>
                                <input type="date" name='tb_doe' autocomplete="off" class="form-control boxed   ">

                            </div>

                            <div class="col-md-4">
                                <label class="control-label">Rate of Pay:</label>
                                <input type="number" min='0' required name='tb_rate' class="form-control boxed">
                            </div>

                        </div>


                        <div class="form-row">
                            <div class="col-12">
                                <div class="title-block">
                                    <hr/>
                                    <h3 class="title">Miscellaneous Information</h3>
                                    <hr/>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <label class="control-label">Withholding Exemption:</label>
                                <textarea name='ta_withexempt' autocomplete="off" rows='2'
                                          class="form-control boxed"></textarea>

                            </div>
                            <div class="col-md-12">
                                <label class="control-label">Miscellaneous:</label>
                                <textarea name='ta_misc' class="form-control boxed dob" rows='5'></textarea>

                            </div>


                        </div>


                        <div class="form-row">
                            <div class="col">

                                <div class="form-group">
                                    <br/>
                                    <button type="submit" name='btnSave' value='save' class="btn btn-primary">Save
                                    </button>
                                </div>
                            </div>
                        </div>


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

@endsection