@extends("admin.template")

@section('content')
<h1 class="page-title">
  {{ucfirst($action)}} Requester
</h1>

<div class="portlet light bordered" id="app">
  <div class="portlet-body form">
    <form action="" method="post" class="form-horizontal" id="form">
      {!! csrf_field() !!}
      <input type="hidden" name="delete" id="delete">
      <div class="form-body">
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Username @if($action=='create')<span class="required">*</span>@endif</label>
              <div class="col-md-9">
                @if($action == 'update')
                <div class="form-control-static">{{ $requester->username }}</div>
                @else
                {{Form::text('username', $requester->username, ['class'=>'form-control', 'maxlength'=>30])}}
                @endif
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Status </label>
              <div class="col-md-9">
                {{Form::select('stat', RequesterStat::$values, $requester->stat, ['class'=>'form-control'])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">First Name <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::text('first_name', $requester->first_name, ['class'=>'form-control', 'maxlength'=>50])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">
                Last Name<span class="required">*</span>
              </label>
              <div class="col-md-9">
                {{Form::text('last_name', $requester->last_name, ['class'=>'form-control', 'maxlength'=>50])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="col-md-3 control-label">Admin</label>
              <div class="col-md-9">
                <div class="mt-radio-inline">
                  <label class="mt-radio mt-radio-outline">
                    {{Form::radio('admin', 1, $requester->admin == 1)}} Yes
                    <span></span>
                  </label>
                  <label class="mt-radio mt-radio-outline">
                    {{Form::radio('admin', 0, $requester->admin == 0)}} No
                    <span></span>
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">
                Password
                @if($action == 'create')
                <span class="required">*</span>
                @endif
              </label>
              <div class="col-md-9">
                {{Form::password('password', ['class'=>'form-control'])}}
                @if($action=='update')
                <span class="help-block">Fill in password field only when you want to update the password</span>
                @endif
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Designation</label>
              <div class="col-md-9">
                {{Form::text('designation', $requester->designation, ['class'=>'form-control'])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Company <span class="required">*</span></label>
              <div class="col-md-9">
                @if($action =='create')
                {{Form::select('company_id', $companies, $requester->company_id, ['id'=>'company_id', 'class'=>'form-control', 'placeholder'=>''])}}
                @else
                  {{$companies[$requester->company_id]}}
                  <input type="hidden" name="company_id" value="{{$requester->company_id}}">
                @endif
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Office <span class="required">*</span></label>
              <div class="col-md-9">
                @if($action =='create')
                {{Form::select('office_id', $offices, $requester->office_id, ['id'=>'office_id', 'class'=>'form-control', 'placeholder'=>'', 'disabled'=>''])}}
                @else
                  <table class="table table-bordered table-hover" id="table_office">
                    <thead>
                    <tr>
                      <th width="70px">#</th>
                      <th>Office<i class="fa fa-sort pull-right" style="color: grey"></i></th>
                      <th width="200px">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($requester->offices as $index => $office)
                      <tr>
                        <td>{{$index+1}}</td>
                        <td>{{$office->name}}</td>
                        <td><a href="{{url("admin/office/save/".$office->office_id)}}" class="btn btn-info"><i class="fa fa-pencil"></i> Edit</a>
                          @if(count($requester->offices) > 1)
                            <a href="{{url("admin/requester/".$requester->requester_id."/offices/".$office->office_id."/delete")}}" class="btn btn-danger"><i class="fa fa-trash"></i> Delete</a>
                          @endif
                        </td>
                      </tr>
                    @endforeach
                    </tbody>
                  </table>
                  <input type="hidden" name="office_id" value="{{$requester->office_id}}">

                @endif
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Preferred Contact</label>
              <div class="col-md-9">
                {{Form::select('preferred_contact', \App\Models\Enums\PreferredContact::$values, $requester->preferred_contact, ['class'=>'form-control', 'placeholder'=>''])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Email <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::email('email', $requester->email, ['class'=>'form-control', 'maxlength'=>100])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Office Tel.</label>
              <div class="col-md-9">
                {{Form::text('no_tel', $requester->no_tel, ['class'=>'form-control', 'maxlength'=>20])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Postal Code <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::number('postal_code', $requester->postal_code, ['class'=>'form-control', 'maxlength'=>10])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Country</label>
              <div class="col-md-9">
                {{Form::text('country', $requester->country, ['class'=>'form-control', 'maxlength'=>20])}}
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Address  <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::textarea('address', $requester->address, ['class'=>'form-control', 'style'=>'height:100px'])}}
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label class="control-label col-md-3">Mobile <span class="required">*</span></label>
              <div class="col-md-9">
                {{Form::text('mobile', $requester->mobile, ['class'=>'form-control', 'maxlength'=>20])}}
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="form-actions">
        <div class="row">
          <div class="col-md-6">
            <div class="row">
              <div class="col-md-offset-3 col-md-9">
                <button type="submit" class="btn green">Submit</button>
                <button type="submit" class="btn red confirmation" data-toggle='confirmation'>Delete</button>
                <button type="button" onclick="location.href='{{url('admin/requester')}}'" class="btn default">Back to List</button>
              </div>
            </div>
          </div>
          <div class="col-md-6"> </div>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection

@section('script')
<!-- BEGIN VALIDATION PLUGINS -->
<script src="{{asset('assets/metronic/global/plugins/jquery-validation/'.'jquery.validate.min.js')}}"></script>
<script src="{{asset('assets/metronic/global/plugins/jquery-validation/'.'additional-methods.min.js')}}"></script>
<!-- END VALIDATION PLUGINS -->

<script>
  $(document).ready(function() {
    $("#company_id").change(function() {
      var company_id = $(this).val();
      axios.get('{{url('api/getOfficeByCompany')}}?company_id='+company_id)
      .then(function (response) {
        var offices = response.data;
        var html = '<option></option>';
        $( "#office_id" ).prop( "disabled", false );
        for (var office_id in offices) {
          if (offices.hasOwnProperty(office_id)) {
            html += "<option value="+office_id+">" + offices[office_id] + "</option>";
          }
        }
        $("#office_id").html(html);
      })
      .catch(function (error) {
        console.log('company_id error='+error);
      })
    });

      $('#form').validate({ // initialize the plugin
        rules: {
          name: {
            required: true,
          },
          company_id: {
            required: true,
          },
          email:{
            required:true,
            email:true
          },
          mobile:{
            required:true,
          },
          office_id:{
            required:true,
          },
          address:{
            required:true,
          },
        },
        submitHandler: function (form) {
                return true; // do action submit
              }
            });
    });
  </script>

  @endsection