@extends('adminlte::page')

@section('title', 'Profile')

@section('content_header')
<div class="row">
  <div class="col-6">
  </div> <!-- /.col -->
  <div class="col-6">
  </div> <!-- /.col -->
</div> <!-- /.row -->
@stop

@section('content')

@include('notifications')

<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">Profile Details</h3>
      </div><!-- /.card-header -->
      <div class="card-body">
        <!-- form start -->
        <form method="POST" action="/members/profile/update-profile" enctype="multipart/form-data" role="form">
          {{ csrf_field() }}
          <div class="row">
            <div class="col-2">
              <p></p>
              <p></p>
              <img src="{{ asset('/images/profile-default.jpg') }}" alt="{{ $user->name }}" class="img-fluid"
                width="150px" />

            </div> <!-- /.col -->
            <div class="col-3">
              <div class="form-group">
                <label for="name">Name</label>
                <input type="text" name="name" class="form-control" id="name" placeholder="Name"
                  value="{{ $user->name }}">
              </div>
              <div class="form-group">
                <label for="email">Email</label>
                <input type="text" name="email" class="form-control" id="email" placeholder="Email"
                  value="{{ $user->email }}">
              </div>
              <div class="form-group">
                <label for="phone">Phone</label>
                <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone"
                  value="{{ $user->details->phone }}">
              </div>
            </div> <!-- /.col -->
            <div class="col-6 offset-1">
              <div class="row">
                <div class="col-6">
                  <div class="form-group">
                    <label for="address_line_1">Address Line 1</label>
                    <input type="text" name="address_line_1" class="form-control" id="address_line_1"
                      placeholder="Address Line 1" value="{{ $user->details->address_line_1 }}">
                  </div>
                </div> <!-- /.col -->
                <div class="col-6">
                  <div class="form-group">
                    <label for="address_line_2">Address Line 2</label>
                    <input type="text" name="address_line_2" class="form-control" id="address_line_2"
                      placeholder="Address Line 2" value="{{ $user->details->address_line_2 }}">
                  </div>
                </div> <!-- /.col -->
              </div> <!-- /.row -->
              <div class="row">
                <div class="col-6">
                  <div class="form-group">
                    <label for="city">City</label>
                    <input type="text" name="city" class="form-control" id="city" placeholder="City"
                      value="{{ $user->details->city }}">
                  </div>
                </div> <!-- /.col -->
                <div class="col-6">
                  <div class="form-group">
                    <label for="state">State</label>
                    <input type="text" name="state" class="form-control" id="state" placeholder="State"
                      value="{{ $user->details->state }}">
                  </div>
                </div> <!-- /.col -->
              </div> <!-- /.row -->
              <div class="row">
                <div class="col-6">
                  <div class="form-group">
                    <label for="zip">Zip</label>
                    <input type="text" name="zip" class="form-control" id="zip" placeholder="Zip"
                      value="{{ $user->details->zip }}">
                  </div>
                </div> <!-- /.col -->
                <div class="col-6">
                  <div class="form-group">
                    <label for="country">Country</label>
                    <input type="text" name="country" class="form-control" id="country" placeholder="Country"
                      value="{{ $user->details->country == null ? old('country') : $user->details->country }}">
                  </div>
                </div> <!-- /.col -->
              </div> <!-- /.row -->
            </div> <!-- /.col -->
          </div> <!-- /.row -->
          <div class="row">
            <div class="col-2">
            </div> <!-- /.col -->
            <div class="col-10">
              <div class="form-group">
                <p></p>
                <button type="submit" name="updateProfile" class="btn btn-flat btn-primary" id="updateProfile"><i
                    class="far fa-save"></i> Update</button>
              </div>
            </div> <!-- /.col -->
          </div> <!-- /.row -->
        </form>
      </div> <!-- /.card-body -->
    </div> <!-- /.card -->
  </div> <!-- /.col -->
</div> <!-- /.row -->

<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">Payment Details</h3>
      </div><!-- /.card-header -->
      <div class="card-body">
        <!-- form start -->
        <form method="POST" action="/members/profile/update-payment" role="form">
          {{ csrf_field() }}
          <div class="row">
            <div class="col-2">
            </div> <!-- /.col -->
            <div class="col-3">
              <div class="form-group">
                <label for="payment_method">Payment Method</label>
                <select name="payment_method" class="form-control" id="payment_method">
                  <option value="None" {{ $user->details->payment_method == 'None' ? 'selected=" selected"' : '' }}>None
                  </option>
                  <option value="bKash" {{ $user->details->payment_method == 'bKash' ? 'selected=" selected"' : ''
                    }}>bKash</option>
                  <option value="Nagad" {{ $user->details->payment_method == 'Nagad' ? 'selected=" selected"' : ''
                    }}>Nagad</option>
                  <option value="Rocket" {{ $user->details->payment_method == 'Rocket' ? 'selected=" selected"' : ''
                    }}>Rocket</option>
                  <option value="BinancePay" {{ $user->details->payment_method == 'BinancePay' ? 'selected=" selected"'
                    : '' }}>Binance Pay</option>
                  <option value="Paypal" {{ $user->details->payment_method == 'Paypal' ? 'selected=" selected"' : ''
                    }}>Paypal</option>
                </select>
              </div>

              <div class="form-group" id="payment_phone_group">
                <label for="payment_phone">Payment Phone</label>
                <input type="text" name="payment_phone" class="form-control" id="payment_phone"
                  placeholder="Payment Phone" value="{{ $user->details->payment_phone }}">
              </div>

              <div class="form-group" id="payment_email_group">
                <label for="payment_email">Payment Email</label>
                <input type="email" name="payment_email" class="form-control" id="payment_email"
                  placeholder="Payment Email" value="{{ $user->details->payment_email }}">
              </div>

              <div class="form-group" id="binance_id_group">
                <label for="binance_id">Binance ID</label>
                <input type="text" name="binance_id" class="form-control" id="binance_id" placeholder="Binance ID"
                  value="{{ $user->details->binance_id }}">
              </div>
            </div> <!-- /.col -->
          </div> <!-- /.row -->
          <div class="row">
            <div class="col-2">
            </div> <!-- /.col -->
            <div class="col-10">
              <div class="form-group">
                <p></p>
                <button type="submit" name="updateProfile" class="btn btn-flat btn-primary" id="updateProfile"><i
                    class="far fa-save"></i> Update</button>
              </div>
            </div> <!-- /.col -->
          </div> <!-- /.row -->
        </form>
      </div> <!-- /.card-body -->
    </div> <!-- /.card -->
  </div> <!-- /.col -->
</div> <!-- /.row -->

<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">Update Password</h3>
      </div><!-- /.card-header -->
      <div class="card-body">
        <!-- form start -->
        <form method="POST" action="/members/profile/update-password" role="form">
          {{ csrf_field() }}
          <div class="row">
            <div class="col-2">
            </div> <!-- /.col -->
            <div class="col-3">
              <div class="form-group">
                <label for="new_password">New Password</label>
                <input type="password" name="new_password" class="form-control" id="new_password"
                  placeholder="New Password" value="{{ old('new_password') }}">
              </div>
              <div class="form-group">
                <label for="repeat_password">Repeat Password</label>
                <input type="password" name="repeat_password" class="form-control" id="repeat_password"
                  placeholder="Repeat Password" value="{{ old('repeat_password') }}">
              </div>
            </div> <!-- /.col -->
          </div> <!-- /.row -->
          <div class="row">
            <div class="col-2">
            </div> <!-- /.col -->
            <div class="col-10">
              <div class="form-group">
                <p></p>
                <button type="submit" name="updatePassword" class="btn btn-flat btn-primary" id="updatePassword"><i
                    class="far fa-save"></i> Update</button>
              </div>
            </div> <!-- /.col -->
          </div> <!-- /.row -->
        </form>
      </div> <!-- /.card-body -->
    </div> <!-- /.card -->
  </div> <!-- /.col -->
</div> <!-- /.row -->


@stop

@section('adminlte_js')
<script>
  $(document).ready(function() {

    var paymentMethod = $('#payment_method').val();
    if (paymentMethod === 'bKash' || paymentMethod === 'Nagad' || paymentMethod === 'Rocket') {       
      $('#payment_phone_group').show();
      $('#payment_email_group').hide();
      $('#binance_id_group').hide();    
    } 
    else if (paymentMethod === 'BinancePay') {
      $('#payment_phone_group').hide();
      $('#payment_email_group').hide();
      $('#binance_id_group').show();    
    } 
    else if (paymentMethod === 'Paypal') {    
      $('#payment_phone_group').hide();
      $('#payment_email_group').show();
      $('#binance_id_group').hide();    
    } 
    else {    
      $('#payment_phone_group').hide();
      $('#payment_email_group').hide();
      $('#binance_id_group').hide();
    }
  
    $('#payment_method').on('change', function() {
      var paymentMethod = $(this).val();
  
      if (paymentMethod === 'bKash' || paymentMethod === 'Nagad' || paymentMethod === 'Rocket') {
        $('#payment_phone').prop('disabled', false);
        $('#payment_email').prop('disabled', true).val('');
        $('#binance_id').prop('disabled', true).val('');

        $('#payment_phone_group').show();
        $('#payment_email_group').hide();
        $('#binance_id_group').hide();

      } else if (paymentMethod === 'BinancePay') {
        $('#payment_phone').prop('disabled', true).val('');
        $('#payment_email').prop('disabled', true).val('');
        $('#binance_id').prop('disabled', false);

        $('#payment_phone_group').hide();
        $('#payment_email_group').hide();
        $('#binance_id_group').show();

      } else if (paymentMethod === 'Paypal') {
        $('#payment_phone').prop('disabled', true).val('');
        $('#payment_email').prop('disabled', false);
        $('#binance_id').prop('disabled', true).val('');

        $('#payment_phone_group').hide();
        $('#payment_email_group').show();
        $('#binance_id_group').hide();

      } else {
        $('#payment_phone').prop('disabled', true).val('');
        $('#payment_email').prop('disabled', true).val('');
        $('#binance_id').prop('disabled', true).val('');

        $('#payment_phone_group').hide();
        $('#payment_email_group').hide();
        $('#binance_id_group').hide();
      }
    });
  });
</script>
@stop
@section('plugins.jQuery-UI', true)
@section('plugins.Datatables', true)