@extends('layouts.admin')

@section('content')

<!-- widget grid -->
<section id="widget-grid" class="">

  <!-- row -->
  <div class="row">

    <!-- NEW WIDGET START -->
    <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12" @if($member->user->is_active==false) style="opacity: 0.3" @endif>

      <!-- Widget ID (each widget will need unique ID)-->
      <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
        <header>
          <span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>Member Checking Data</h2>

        </header>

        <!-- widget div-->
        <div>
          <!-- end widget edit box -->

          <!-- widget content -->
          <div class="row widget-body">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" role="widget">
        <!-- widget options:
        usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

        data-widget-colorbutton="false"
        data-widget-editbutton="false"
        data-widget-togglebutton="false"
        data-widget-deletebutton="false"
        data-widget-fullscreenbutton="false"
        data-widget-custombutton="false"
        data-widget-collapsed="true"
        data-widget-sortable="false"

        -->

        <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>

        <!-- widget div-->
        <div role="content">

          <!-- widget content -->
          <div class="widget-body">

            <form class="form-horizontal" method="POST" action="{{route('admin.members.update', $member)}}" enctype="multipart/form-data">
              <input name="_method" type="hidden" value="PUT">
                  {{ csrf_field() }}
             <!--  <fieldset>
                <div class="form-group">
                  <label class="col-md-2 control-label">Name</label>
                  <div class="col-md-10">
                    <input class="form-control" placeholder="Name" type="text" value="{{$member->user->name}}" name="name">
                  </div>
                </div>
              </fieldset>  --> 
              <fieldset>
                <div class="form-group">
                  <label class="col-md-2 control-label">Member Phone</label>
                  <div class="col-md-10">
                    <input class="form-control" placeholder="Member Phone" type="number" value="{{$user->phone}}" name="phone">
                  </div>
                </div>
              </fieldset>              
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label">Credit Score</label>
                  <div class="col-md-10">
                    <input class="form-control" placeholder="Credit Score" type="number" value="{{$member->credit_score}}" name="credit_score" min="400" max='900' style="display:inline;"> 
                    <span style="color:red;display:inline;"> The value is 400-900 </span>
                  </div>
                </div>
              </fieldset>              
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label">Name/ID Card Number</label>
                  <div class="col-md-5">
                    <input class="form-control" placeholder="Actual Name" type="text"  value="{{$member->actual_name}}" style="display:inline;" name="actual_name">
                    <input class="form-control" placeholder="Id Card Number" type="text" value="{{$member->id_card_number}}" style="display:inline;" name="id_card_number">
                  </div>
                </div>
              </fieldset>     
              <hr/>         
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label" style="margin-top:30px;">ID Photo</label>
                  <div class="col-md-10">
                    <div  class="col-xs-4">
                      <input type="file" name="id_card_front" style="display:none;">
                      <img src="{{asset($member->id_card_front??'/frontid.png')}}" style="height:150px;margin;left:10px;  border:2px solid #ccc;" class="clickable img_id_card_front" title="Change Image">
                      <br/>
                      @if($member->id_card_front)
                        <a href="{{asset($member->id_card_front??'#')}}"target="_blank" class="btn" style="border:2px solid #0ea59d;color:#0ea59d">
                          Click To View large Image
                        </a>
                      @endif
                    </div>

                    <div  class="col-xs-4">    
                      <input type="file" name="id_card_back" style="display:none;">                  
                      <img src="{{asset($member->id_card_back??'/backid.png')}}" style="height:150px;margin;left:10px;border:2px solid #ccc;" class="clickable img_id_card_back" title="Change Image">
                      <br/>
                      @if($member->id_card_back)
                        <a href="{{asset($member->id_card_back??'#')}}"target="_blank" class="btn" style="border:2px solid #0ea59d;color:#0ea59d">
                          Click To View large Image
                        </a>
                      @endif
                    </div>

                    <div  class="col-xs-4">   
                      <input type="file" name="selfie_photo" style="display:none;">                   
                      <img src="{{asset($member->selfie_photo??'selfie.png')}}" style="height:150px;margin;left:10px;border:2px solid #ccc;" class="clickable img_selfie_photo" title="Change Image">
                      <br/>
                      @if($member->selfie_photo)
                        <a href="{{asset($member->selfie_photo??'#')}}"target="_blank" class="btn" style="border:2px solid #0ea59d;color:#0ea59d">
                          Click To View large Image
                        </a>
                      @endif
                      </a>
                    </div>
                  </div>
                </div>
              </fieldset>      
              <hr/>        
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label">Living</label>
                  <div class="col-md-10">
                    <input class="form-control" placeholder="Living Address" type="text" value="{{$member->present_address}}" name="present_address">
                  </div>
                </div>
              </fieldset>              
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label">Use of Loan</label>
                  <div class="col-md-10">
                    <input class="form-control" placeholder="Living Address" type="text" value="{{$member->purpose_of_apply_loan}}" name="purpose_of_apply_loan">
                  </div>
                </div>
              </fieldset>              
              <fieldset>  
                <hr/>
                <div class="form-group">
                  <label class="col-md-2 control-label" style="margin-top:50px;">Emergency Contact</label>
                  <div class="col-md-10">
                      <fieldset>  
                        <div class="form-group">
                          <label class="col-md-1 control-label">Company Name</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Company Name" type="text" value="{{$member->company_name}}" name="company_name">
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="col-md-1 control-label">Unit Address</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Unit Addrses" type="text" value="{{$member->unit_address}}" name="unit_address">
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="col-md-1 control-label">Occupation</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Occupation" type="text" value="{{$member->position}}" name="position">
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="col-md-1 control-label">Seniority</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Seniority" type="text" value="{{$member->working_year}}" name="working_year">
                          </div>
                        </div>
                        {{-- <div class="form-group">
                          <label class="col-md-1 control-label">Working Phone</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Working Phone" type="text" value="{{$member->working_phone}}" name="class">
                          </div>
                        </div> --}}
                        <div class="form-group">
                          <label class="col-md-1 control-label">Monthly Income</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Monthly Income" type="text" value="{{$member->monthly_income}}" name="monthly_income" required>
                          </div>
                        </div>
                        {{-- <div class="form-group">
                          <label class="col-md-1 control-label">Contact Person1</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Relative Name" type="text" value="{{$member->relative_name_1}}" style="display:inline;" name="relative_name_1">:
                            <input class="form-control" placeholder="Relativity" type="text" value="{{$member->relativity_1}}" style="display:inline;" name="relativity_1">:
                            <input class="form-control" placeholder="Contact" type="text" value="{{$member->relative_contact_1}}" style="display:inline;" name="relative_contact_1">
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="col-md-1 control-label">Contact Person2</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Relative Name" type="text" value="{{$member->relative_name_2}}" style="display:inline;" name="relative_name_2">:
                            <input class="form-control" placeholder="Relativity" type="text" value="{{$member->relativity_2}}" style="display:inline;" name="relativity_2">:
                            <input class="form-control" placeholder="Contact" type="text" value="{{$member->relative_contact_2}}" style="display:inline;" name="relative_contact_2">
                          </div>
                        </div> --}}
                      </fieldset> 
                  </div>
                </div>   
              </fieldset> 
              <hr/>
              <fieldset>  
                <div class="form-group">
                  <label class="col-md-2 control-label" style="margin-top:50px;">Signature</label>
                  <div class="col-md-10">
                    <input type="file" name="signature" style="display:none;">
                    <img src="{{asset($member->signature??'/assets/images/no-img.png')}}" style="width:200px;margin;left:10px;" class="clickable img_signature">
                      @if($member->signature)
                        <br/>
                        <a href="{{asset($member->signature)}}"target="_blank" class="btn" style="border:2px solid #0ea59d;color:#0ea59d;margin-top:5px;">
                          Click To View large Signature
                        </a>
                      @endif
                  </div>
                </div>
              </fieldset>    
              <fieldset>  
                <hr/>
                <div class="form-group">
                  <label class="col-md-2 control-label" style="margin-top:50px;">Bank Card Info</label>
                  <div class="col-md-10">
                      <fieldset>  
                        <div class="form-group">
                          <label class="col-md-1 control-label">Bank Name</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Bank Name" type="text" value="{{$member->bank_name}}" name="bank_name">
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="col-md-1 control-label">Bank Number</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Account Number" type="text" value="{{$member->bank_number}}" name="bank_number">
                          </div>
                        </div>
                        <!-- <div class="form-group">
                          <label class="col-md-1 control-label">Bank Username</label>
                          <div class="col-md-10">
                            <input class="form-control" placeholder="Bank Username" type="text" value="{{$member->bank_username}}" name="bank_username">
                          </div>
                        </div> -->
                        </div>
                      </fieldset> 
                  </div>
                <div class="row" style="text-align:center;margin-bottom:15px;">
                  <div class="col-md-12">

                    <button class="btn btn-primary btn-sm" type="submit">
                      <i class="fa fa-save"></i>
                      Save Changes
                    </button>
                    @if($member->user->is_active)
                      <a  href="{{route('admin.members.deactivate',$member)}}" class="btn btn-danger">
                        <i class="fa fa-times-circle" aria-hidden="true"></i>
                        Deactivate
                      </a>
                    @else
                      <a  href="{{route('admin.members.acivate',$member)}}" class="btn btn-primary">
                          <i class="fa fa-pencil" aria-hidden="true"></i>
                          Activate
                      </a>
                    @endif
                    <a class="btn btn-primary btn-sm" href="{{route('admin.login-history',$member->user)}}">
                      <i class="fa fa-save"></i>
                      Login History
                    </a>

                     <button class="btn btn-default btn-sm" type="submit" onclick="window.history.back">
                      Cancel
                    </button>
                  </div>
                </div>
              </div>

            </form>

          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->

      </div>

          </div>
          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->

      </div>
      <!-- end widget -->

      <!-- Widget ID (each widget will need unique ID)-->
      

    </article>
    <!-- WIDGET END -->       

  </div>

  <!-- end row -->

  

  <!-- end row -->

</section>
<!-- end widget grid -->
<style type="text/css">
  input.form-control {
    width:250px;
  }
  .widget-body > form > fieldset> div > div{ 
    border-left:2px solid #CCC;
   }
   .widget-body > form > fieldset> div > label{
    text-align: right;
   }
</style>
@endsection
@section('meta')
<title>Member Details- {{ config('app.name', 'Dashboard') }}</title>
@endsection