@extends('adminlte::page')
@section('content_header')
    <h1>Office</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 Office Data
                        </h3>
                </div>

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

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

                             <!--Office ID Hidden value-->
                              <input type="hidden" name="office_id" value="{{$office->id}}">
                                <!-- Name input-->
                              
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Office Name</label>
                                    <div class="col-md-9">
                                        <input id="officename" name="officename" type="text" placeholder="Enter the office name" class="form-control" value="{{$office->office_name}}"></div>
                                </div>
                                    
                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Address1</label>
                                    <div class="col-md-9">
                                        <input id="addr1" name="addr1" placeholder="Please enter your address here..." class="form-control" value="{{$office->address1}}">
                                    </div>
                                </div>

                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Address2</label>
                                    <div class="col-md-9">
                                        <input id="addr2" name="addr2" placeholder="Please enter your address here..." class="form-control" value="{{$office->address2}}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">City</label>
                                    <div class="col-md-9">
                                        <input id="city" name="city" type="text" placeholder="Enter your city..." class="form-control" value="{{$office-> city}}"></div>
                                </div>
                                <!-- Email input-->
                                
                                
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Pincode</label>
                                    <div class="col-md-9">
                                        <input id="pincode" name="pincode" type="text" placeholder="Enter the pincode" class="form-control" value="{{$office->pincode}}"></div>
                                </div>
                                <!-- Form actions -->
                                <div class="form-position">
                                    <div class="col-md-12 text-right">
                                         <a href="{{url('office')}}"><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>
function validation()
    {
        if(document.getElementById('officename').value=="")
        {
            alert(" Please Enter the Office Name");
            document.getElementById('officename').focus();
            return false;
        }

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

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

        if(document.getElementById('city').value=="")
        {
            alert(" Please Enter the City");
            document.getElementById('city').focus();
            return false;
        }
        if(document.getElementById('district').value=="0")
        {
            alert(" Please select District");
            document.getElementById('district').focus();
            return false;
        }

        if(document.getElementById('state').value=="0")
        {
            alert(" Please select State");
            document.getElementById('state').focus();
            return false;
        }

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

                        
@stop