@extends('frontend.template', ['title'=>'account'])

@section('content')
  @if(session()->has('welcome'))
    <div class="alert alert-info">
      Welcome to Mr Wright, would you like to start by <a href="{{url('ticket/save')}}">creating a ticket</a>?
    </div>
  @endif
  
  <form method="post" action="" class="form-horizontal">
    {{ csrf_field() }}

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Username
          </label>
          <div class="form-control-static col-md-9 r-text">
            {{ $requester->username }}
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Password
          </label>
          <div class="col-md-9">
            <input type="password" name="password" class="form-control">
            <span class="help-block">Fill in password field only when you want to update the password</span>
          </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 *
          </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 *
          </label>
          <div class="col-md-9">
            {{ Form::text('last_name', $requester->last_name, ['class'=>'form-control', 'maxlength'=>30]) }}
          </div>
        </div>
      </div>
    </div>


    <div class="row">
      <div class="col-md-6">

      </div>
      <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', 'maxlength'=>30]) }}
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Mobile *
          </label>
          <div class="col-md-9">
            {{ Form::text('mobile', $requester->mobile, ['class'=>'form-control', 'maxlength'=>30]) }}
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Email *
          </label>
          <div class="col-md-9">
            {{ Form::text('email', $requester->email, ['class'=>'form-control', 'maxlength'=>100]) }}
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label class="control-label col-md-3">
            Company Name
          </label>
          <div class="col-md-9 form-control-static r-text">
            {{ $company->name }}
          </div>
        </div>
      </div>
      @if($requester->admin)
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              UEN *
            </label>
            <div class="col-md-9 form-control-static r-text">
              {{ $company->uen }}
            </div>
          </div>
        </div>
      @else
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Office Name
            </label>
            <div class="form-control-static col-md-9 r-text">
              {{ $office->name }}
            </div>
          </div>
        </div>
      @endif
    </div>

    @if($requester->admin)
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Company Address *
            </label>
            <div class="col-md-9">
              {{ Form::textarea('company_addr', $company->addr, ['rows'=>2, 'class'=>'form-control', 'maxlength'=>200]) }}
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Company Postal Code *
            </label>
            <div class="col-md-9">
              {{ Form::text('company_postal', $company->postal, ['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">
              Membership Plan
            </label>
            <div class="col-md-9 form-control-static r-text">
              {{ $company->membership_name }}
              @if($company->membership->position < MembershipPosition::$values[MembershipPosition::Platinum])
              <span class="btn btn-sm btn-primary" data-toggle="modal" data-target="#upgradePlan">Upgrade</span>
              @endif
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Number of Requesters
            </label>
            <div class="col-md-9 form-control-static r-text">
              {{ $company->requester_count }} / {{ $company->requester_limit }}
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Membership Type
            </label>
            <div class="col-md-9 form-control-static r-text">
              {{ MembershipType::$values[$company->membership_type] }}
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Valid Till
            </label>
            <div class="col-md-9 form-control-static r-text">
              @if($company->membership_valid_till)
              {{ ViewHelper::formatDate($company->membership_valid_till) }}
                @php
                  $dayleft = Carbon::parse($company->membership_valid_till)->diffInDays(Carbon::now());
                  if (Carbon::parse($company->membership_valid_till)->gt(Carbon::now())){
                    echo '('.$dayleft.' days)';
                  }
                  else{
                    $dayleft = 0;
                    echo ' (expired)';
                  }
                @endphp

              @else
                -
              @endif
            </div>
          </div>
        </div>
      </div>
    @else
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Office Address *
            </label>
            <div class="form-control-static col-md-9 r-text">
              {{ $office->addr }}
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label class="control-label col-md-3">
              Office Postal Code *
            </label>
            <div class="form-control-static col-md-9 r-text">
              {{ $office->postal }}
            </div>
          </div>
        </div>
      </div>
    @endif

    <div class="text-center">
      <input type="submit" name="submit" value="SAVE" class="more active">
    </div>

    @if($requester->admin)
      <h3>Offices</h3>
      <br>

      @if($company->free_trial == false)
        <a href="{{url('office/save')}}">Create Office <i class="fa fa-plus"></i></a>
        <br><br>
      @endif

      <table class="table table-bordered">
        <thead>
        <tr>
          <th>Office Name</th>
          <th>Address</th>
          <th>Postal</th>
          <th>Number of Requesters</th>
        </tr>
        </thead>
        <tbody>
        @foreach($offices as $office)
          <tr>
            <td><a href="{{ url("office/save/".$office->office_id) }}">{{ $office->name }}</a></td>
            <td>{{ $office->addr }}</td>
            <td>{{ $office->postal }}</td>
            <td>{{ $office->requester_count }}</td>
          </tr>
        @endforeach
        </tbody>
      </table>
    @endif
  </form>
  @if($company->membership->position < MembershipPosition::$values[MembershipPosition::Platinum])

  <!-- Modal -->
  <div class="modal fade" id="upgradePlan" tabindex="-1" role="dialog" aria-labelledby="upgradePlanLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <form class="modal-dialog" role="document" method="POST" id="form_upgrade_plan">
      {{ csrf_field() }}
      <input type="hidden" name="requester_id" value="{{$requester->requester_id}}">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="upgradePlanLabel">Upgrade Membership Plan</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p>Your current active Membership is <b>{{ $company->membership_name }}</b></p>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <select class="form-control" name="membership_id">
                  <option value="">-- Select Plan --</option>
                  @php
                    foreach ($membership as $m){
                      echo '<option value="'.$m->membership_id.'" '.($m->position <= $company->membership->position?'disabled':'').'>'.$m->name.' - '.ViewHelper::formatCurrency($m->effective_price).'</option>';
                    }
                  @endphp
                </select>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <select class="form-control" name="payment_method">
                  <option value="">-- Select Payment Method--</option>
                  @php
                    foreach ($payment_method as $p){
                      echo '<option value="'.$p['value'].'">'.$p['name'].'</option>';
                    }
                  @endphp
                </select>
              </div>
            </div>
          </div>
          <span id="approximate"></span>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" id="btn-upgrade" class="btn btn-primary" disabled="disabled">Upgrade</button>
        </div>
      </div>
    </form>
  </div>
  @endif
@endsection

@section('script')
  <script>
      var membership = {!! json_encode(\App\Models\Membership::get(['membership_id','position','name','effective_price'])) !!};
      var dayLeft = {{$dayleft}};
      var currectMembership = {!! json_encode($company->membership) !!};
      $( document ).ready(function() {
          $('select[name=membership_id]').change(function(){
              if($(this).val()==''){
                  $('#approximate').html('');
                  $('#btn-upgrade').attr("disabled", "disabled");
                  return;
              }
              var selected_membership = membership.filter(x => x.membership_id == $(this).val())[0];
              var approximate = dayLeft==0 ? selected_membership.effective_price:selected_membership.effective_price- (currectMembership.effective_price/365)*dayLeft;
              approximate = approximate.toFixed(2);
              $('#approximate').html('Estimated total payment {{ViewHelper::formatCurrency('')}}'+ approximate );

              if($('select[name=payment_method]').val() != ''){
                  $('#btn-upgrade').removeAttr("disabled");
                  if($('select[name=payment_method]').val() == "{{PaymentMethod::NETS}}") {
                      $('#btn-upgrade').attr("type","submit");
                      $('#form_upgrade_plan').attr('action','{{url('payment/payment-enets')}}');
                  }else{
                      $('#btn-upgrade').attr("type","button");
                      $('#form_upgrade_plan').removeAttr('action');
                  }
              }

          });

          $('select[name=payment_method]').change(function(){
              if($(this).val()==''){
                  $('#btn-upgrade').attr("disabled", "disabled");
                  return;
              }
              if($('select[name=membership_id]').val() != '' ){
                  $('#btn-upgrade').removeAttr("disabled");
                  if($(this).val() == "{{PaymentMethod::NETS}}") {
                      $('#btn-upgrade').attr("type","submit");
                      $('#form_upgrade_plan').attr('action','{{url('account/upgrade-plan')}}');
                  }else{
                      $('#btn-upgrade').attr("type","button");
                      $('#form_upgrade_plan').removeAttr('action');
                  }

              }
          });
          $('#btn-upgrade').click(function(){
              $('#upgradePlan').modal('toggle');
          });
      });
  </script>
@endsection