@extends('adminlte::page')


@section('content_header')
    <h1>Seat</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">
                           Show Seat Data
                        </h3>
                </div>

                <div class="panel-body">
                        <form class="form-horizontal" action="{{ url('updateseatdata') }}" method="post" id="seat" onsubmit="return validation();">

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="{{csrf_token()}}">

                             <!--Office ID Hidden value-->
                              <input type="hidden" name="seat_id" value="{{$seat->id}}">
                             

                                <!-- Name input-->
                              
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Office Name</label>
                                    <div class="col-md-9">
                                    
                                        <select name="officename" id="officename" class="form-control">
                                            @foreach ($office as $seatobj)

                                            <option value="{{$seatobj->id}}" {{ $selectedOfficeid == $seatobj->id ? 'selected="selected"' : '' }}>{{$seatobj->office_name}}</option>  

                                            @endforeach

                                        </select></div>
                                </div>
                                    
                               <!-- dept id-->
                                 <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Department Name</label>
                                    <div class="col-md-9">
                                        <select name="deptname" id="deptname" class="form-control">
                                            @foreach ($department as $deptobj)

                                           

                                                <option value="{{$deptobj->id}}" {{ $seat->department_id == $deptobj->id ? 'selected="selected"' : '' }}>{{$deptobj->dept_name}}</option>  

                                            @endforeach

                                        </select></div>
                                </div>
                                   
                                   <!-- dept id-->
                                    <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Section Name</label>
                                    <div class="col-md-9">
                                        <select name="secname" id="secname" class="form-control">
                                            @foreach ($section as $sectionobj)

                                           
                                               <option value="{{$sectionobj->id}}" {{ $seat->section_id == $sectionobj->id ? 'selected="selected"' : '' }}>{{$sectionobj->section_name}}</option>  
                                               

                                            @endforeach

                                        </select></div>
                                </div>
                   
                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Seat Code</label>
                                    <div class="col-md-9">
                                        <input id="seatcode" name="seatcode" class="form-control" value="{{$seat->seat_code}}">
                                    </div>
                                </div>

                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Seat Name</label>
                                    <div class="col-md-9">
                                        <input id="seatname" name="seatname"  class="form-control" value="{{$seat->seat_name}}">
                                    </div>
                                </div>

                               
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Reporting Seat</label>
                                    <div class="col-md-9">
                                    @php
                                        $selectedReportingseat = $seat->reporting_seat;
                                    @endphp
                                        <select name="reportingseat" id="reportingseat" class="form-control">
                                        <option value="0">Select One</option>
                                            @foreach ($reportseat as $reportseatobj)
                                                <option value="{{$reportseatobj->id}}" {{ $selectedReportingseat == $reportseatobj->id ? 'selected="selected"' : '' }}>{{$reportseatobj->seat_name}}</option>  

                                           
                                            @endforeach

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

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Remarks</label>
                                    <div class="col-md-9">
                                        <input id="remark" name="remark" type="text" class="form-control" value="{{$seat-> remarks}}"></div>
                                </div>
                              
                                
                                <!-- Form actions -->
                                <div class="form-position">
                                    <div class="col-md-12 text-right">
                                         <a href="{{url('seat')}}"><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>");
            });
        });
    });


$('#deptname').change(function(){
      
        $.get("{{ url('getsection')}}",
        { option: $(this).val() },
        function(data) {
            
            $('#secname').empty();
            $('#secname').append("<option value='0'>Select a section</option>");
            $.each(data, function(key, element) {
                $('#secname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });



});
</script>

<script>
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('secname').value=="0")
        {
            alert(" Please select the Section Name");
            document.getElementById('secname').focus();
            return false;
        }

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

        if(document.getElementById('seatname').value=="")
        {
            alert(" Please Enter the Seat Name");
            document.getElementById('seatname').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