@extends('AdminLte.template')

<!--Title-->
@section('title')
Monthly Salary Input Master
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    .input_text
    {
        float:right;
        border:none;
        border-bottom: 1px solid #000 !important; 
        outline:none; 
        height: 20px;
        font-size: 12px;
        padding: 0px;
    }
</style>
@endsection
<!--External CSS Close-->

@section('Content')
<!-- Your Page Content Here -->

<!--View Content of database-->
<div class="table-responsive">
    <div class="col-md-12">
        {{ Form::open(['action' => 'MonthlySalaryInputController@create','id' => 'monthlysalaryForm','autocomplete' => 'off']) }}
            <div class="row" id="monthlySalaryModal">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="row" style="margin-top:10px;">
                        <div class="col-md-6">
                            <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtRight">Monthly Salary Input</h3><br>
                        </div>
                        <div class="col-md-1"></div>
                        <div class="col-md-4">
                            @if(session()->has('successMessage'))
                            <div class="alert alert-sm alert-success col-sm-12" id="success-alert" style="margin-bottom: 1px;height: 30px;line-height:30px;padding:0px 30px;">
                                {{ session()->get('successMessage') }}
                            </div>
                            @endif
                            @if(session()->has('errorMessage'))
                            <div class="alert alert-sm alert-danger alert-dismissible fade in col-sm-12">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close"><span style="color: #ffffff">Close</span> &times;</a>
                                {{ session()->get('errorMessage') }}
                            </div>
                            @endif
                        </div>
                        <div class="col-md-1"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-8 padding3 borderSearchBox">
                            <div class="input-group" style="float:left;">
                                <div class="col-md-3 txtRight">
                                    <label>Month<span style="margin-left: 2px;">: </span></label>
                                </div>

                                <div class="col-md-2">
                                    <input name="salarymonth" id="salarymonth" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding salarymonth" type="month" style="width: 135px;">
                                </div>
                            </div>
                            <div class="input-group" style="float:left; margin-left: -30px;">
                                <label>Department<span style="margin-left: 5px;">: </span></label>
                            </div>
                            <div class="col-md-2">
                                <select id="departmentlist" name="departmentlist" class="form-control departmentlist borderNone borderBottom blue noPadding" style="width: 120px; height: 20px;font-size: 12px;padding: 0px;">
                                    <option value = "0">All</option>
                                        @foreach($department as $key=>$select)
                                            <option value="{{$select->department_id}}">{{$select->department_name}}</option>
                                        @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 txtRight" style="margin-left: 15px;">
                                <label>Category<span style="margin-left: 5px;">: </span></label>
                            </div>
                            <div class="col-md-2">
                                <select id="categorylist" name="categorylist" class="form-control categorylist borderNone borderBottom blue noPadding" style="width: 120px; height: 20px;font-size: 12px;padding: 0px;margin-left: -10px;">
                                    <option value = "0">All</option>
                                        @foreach($category as $key=>$select)
                                            <option value="{{$select->job_category_id}}">{{$select->job_category_name}}</option>
                                        @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            &nbsp&nbsp<button type="button"class="btn btn-sm btn-success upload"data-toggle="modal" id="upload"  data-target="#exampleModalLong" style="font-size:15px"><span class="glyphicon glyphicon-upload"></span> Upload File</button>
                        </div>   
                        <div class='row' style="overflow: scroll; height: 430px;width: 100%;">

                                <table class="table borderNone commonFontSize" id="maintable" style="margin: 15px;width: 95%; align: left;">
                                    <thead style="position: -webkit-sticky;position: sticky;top: 0;z-index: 1;">
                                        <tr style="height: 5%;">
                                            <!-- <th class="TopBottomBorder tdPadding5px warning" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;" width="5%">#</th>   -->
                                            <!-- <th class="th warning borderTopBottom textRight" width="4%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Emp.ID</th> -->
                                            <th class="th warning borderTopBottom" width="23%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Employee Name</th>
                                            <th class="th warning borderTopBottom" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Department</th>
                                            <th class="th warning borderTopBottom" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Category</th>
                                            <th class="th warning borderTopBottom" width="2%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Salary Head [Code]</th>
                                            <th class="th warning borderTopBottom" width="3%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Type</th>
                                            <th class="th warning borderTopBottom" width="3%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Amount</th>
                                            <th class="th warning borderTopBottom" width="12%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">Created / Updated By</th>
                                            <th class="th warning borderTopBottom textRight" width="5%" style="border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important; height: 20px;font-size: 12px;padding: 0px;">  </th>
                                        </tr>
                                    </thead>
                                    <tbody id="mainbody">
                                    </tbody>
                                </table>

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

            <div class="modal-footer" style="width: 60%;">
                <button type="submit" name="submit1" id="submit1" accesskey="s" value="Submit" class="btn btn-sm btn-success submit1"><u>S</u>ubmit</button>
                <!-- <button type="submit" name="submit1" id="submit1" value="Finalize" class="btn btn-sm btn-danger finalize1" accesskey="c" data-dismiss="modal"><u>F</u>inalize</button> -->
                <button type="button" class="btn btn-sm btn-danger" accesskey="c" data-dismiss="modal"><u>C</u>ancel</button>
            </div>
        {{ Form::close() }}
        <!--from end-->
        <!-- popup model form -->
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLongTitle">Upload Monthly Salary Input</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" >
                        <div class="container">
                            {{ Form::open(['action' => 'MonthlySalaryInputController@upload_monthly_salary_input','id' => 'UploadMonthlySalary','autocomplete' => 'off', 'enctype'=> 'multipart/form-data']) }}
                                <div class="row">
                                    <div class="col-md-4">
                                        <span class="card-subtitle">Salary Month : </span>
                                        <input type="text" name="salary_month"  id="salary_month" class="input_text"value="" required readonly>
                                    </div>
                                </div>    
                                <br>    
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="col-md-3">
                                        <span class="card-subtitle">Upload File : </span>
                                        </div>    
                                        <div class="col-md-4">
                                            <input type="file" name="upload_file"  id="upload_file"  required>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                                                <div class="row">
                                    <div class="col-md-4">
                                        <span class="card-subtitle">Data Row : </span>
                                        <input type="text" name="data_row"  id="data_row" class="input_text" value="{{$arrayResult['DataRow']}}" required>
                                    </div>
                                </div> 
                                <br>   
                                <div class="row">
                                    <div class="col-md-4">
                                        <span class="card-subtitle">Employee Id : </span>   
                                        <input type="text" name="emp_id"  id="emp_id" class="input_text"value="{{$arrayResult['EmployeeId']}}" required>
                                    </div>
                                </div> 
                                <br>  
                                <div class="row"> 
                                    <div class="col-md-4">
                                        <span class="card-subtitle">Head Type : </span>
                                        <input type="text" name="head_id"  id="head_id" class="input_text"value="{{$arrayResult['HeadType']}}" required>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-md-4">
                                        <span class="card-subtitle">Amount : </span>
                                        <input type="text" name="amount"  id="amount" class="input_text"value="{{$arrayResult['Amount']}}"required>
                                    </div>
                                </div>
                                <br>                
                                <div class="row">
                                    <div class="col-md-4">                                                   
                                        <button  class="btn btn-success"  id="submit"><i class="ti-hand-point-right f_s_14 mr-2"></i>Submit</button>
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>                                                  
                                    </div>
                                </div>
                            {{ Form::close() }}
                        </div>
                    </div>

                    </div>
            </div>
        </div> 
        <!--end popup model form --> 

    </div>
</div>
@endsection   
<!--External JS-->
@section('ExternalJs')
<script src=    "{{     asset ("/js/monthly_salary_input.js?$releaseVersion") }}"></script>
@endsection
    <!--External JS Close-->