@extends('adminlte::page')
@section('content_header')
    <h1>Section</h1>
@stop
<script src="//code.jquery.com/jquery.js"></script>
@section('content')
<div class="row">
    <!--row starts-->
    <div class="col-md-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">
                   Section
                </h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="{{ url('updatesectiondata') }}" method="post" id="section" onsubmit="return validation();">
                    <!-- CSRF Token -->
                    <input type="hidden" name="_token" value="{{csrf_token()}}">

                    <!--Office ID Hidden value-->
                    <input type="hidden" name="department_id" value="{{$section->id}}">                           
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="name">Office Name<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <select name="officename" id="officename" class="form-control" required>
                                <option value="">Select</option>
                                @foreach ($office as $sectionobj)
                                    @if($section->office_id==$sectionobj->id)
                                        <option value="{{$sectionobj->id}}" selected="selected">{{$sectionobj->office_name}}</option>
                                    @else
                                         <option value="{{$sectionobj->id}}">{{$sectionobj->office_name}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>      
                    <!-- dept id-->
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="name">Department Name<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <select name="deptname" id="deptname" class="form-control" required>
                                <option value="">Select Deaprtment</option> 
                                @foreach ($department as $deptobj)
                                    @if($section->department_id==$deptobj->id)
                                         <option value="{{$deptobj->id}}" selected="selected">{{$deptobj->dept_name}}</option>
                                    @else
                                         <option value="{{$deptobj->id}}">{{$deptobj->dept_name}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <!-- Message body -->
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="addr">Section Code<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <input id="seccode" name="seccode" placeholder="Please enter your section code here..." class="form-control" maxlength='20' value="{{$section->section_code}}" required>
                        </div>
                    </div>
                    <!-- Message body -->
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="addr">Section Name<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <input id="secname" name="secname"  placeholder="Please enter your section name here..." class="form-control" maxlength='50' value="{{$section->section_name}}" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="name">Remarks<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <input id="remark" name="remark" type="text" class="form-control" placeholder="Enter your remarks here..." maxlength="100" value="{{$section-> remarks}}" required>
                        </div>
                    </div>
                    <!-- Form actions -->
                    <div class="form-position"><span style="color: red;">*</span>
                        <div class="col-md-5 text-right">
                             <a href="{{url('section')}}"><button type="button" class="btn btn-responsive btn-danger btn-sm">Back</button></a>
                            <button type="submit" id="btn" class="btn btn-responsive btn-warning btn-sm" >Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--md-12 ends-->
</div>
<script>
$(document).ready(function($){
   
    $('#officename').change(function(){
      
        $.get("{{ url('getdepartment')}}",
        { option: $(this).val() },
        function(data) {
            
            $('#deptname').empty();
            $('#deptname').append("<option value='0'>Select a department</option>");
            $.each(data, function(key, element) {
                $('#deptname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });

});

function validation()
    {
        if(document.getElementById('officename').value=="0")
        {
            alert(" Please select the Office Name");
            document.getElementById('officename').focus();
            return false;
        }

        if(document.getElementById('deptname').value=="0")
        {
            alert(" Please select the Department Name");
            document.getElementById('deptname').focus();
            return false;
        }

        if(document.getElementById('seccode').value=="")
        {
            alert(" Please Enter the Section Code");
            document.getElementById('seccode').focus();
            return false;
        }

        if(document.getElementById('secname').value=="")
        {
            alert(" Please Enter the Section Name");
            document.getElementById('secname').focus();
            return false;
        }

        if(document.getElementById('remark').value=="")
        {
            alert(" Please Enter the Remarks");
            document.getElementById('remark').focus();
            return false;
        }

        document.getElementById("btn").disabled='true';
     
        return true;
    }
</script>


			            

@stop