@extends('payer.master_layout.master')

@section('title', 'My Profile - View')

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
  <div id="content-header">
    <div id="breadcrumb"> 
      <a href="{{ url('payer') }}" title="Go to Home" class="tip-bottom">
        <i class="icon-home"></i> Home
      </a> 
      <a href="{{ url('payer/profile') }}" title="Go to My Profile" class="tip-bottom">
        My Profile
      </a> 
      <a href="" class="current">
        View
      </a> 
    </div>
    <h1>My Profile - View</h1>
  </div>
  <div class="container-fluid">
    <hr>
    <div class="row-fluid">
      <div class="span12">
        @if (Session::has('message'))
        <div class="alert alert-info">{!! Session::get('message') !!}</div>
        @endif
        @foreach ($errors->all() as $error)
            <p class="alert alert-warning">{{ $error }}</p>
        @endforeach
        @if (Session::has('success'))
        <div class="alert alert-success">{!! Session::get('success') !!}</div>
        @endif
        <div class="widget-box">
        <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
          <h5>My Profile - View</h5>
        </div>
        <div class="widget-content nopadding">
          <form action="{{ url('payer/profile/store') }}" method="post" class="form-horizontal" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="id" value="{{ $data->id }} " >


            <div class="control-group">
              <label class="control-label">Profile Image :</label>
              <div class="controls">
                <input class="span11" type="file" name="profile_img" accept="image/*" @if(empty($data->profile_img)) 
                required 
                @endif >
                @if(!empty($data->profile_img))
                <br>
                <img class="logo" src="{{ $data->profile_img }}" alt="" width="100px" height="100" />
                @endif
              </div>
            </div>


            <div class="control-group">
              <label class="control-label">Payer type :</label>
              <div class="controls">
                <select name="payer_type_id">
                  <option value=""></option>
                  @foreach($payers_type as $type)
                  <option value="{{ $type->id }}" {{ ($data->payer_type_id == $type->id)?'selected':'' }} >{{ $type->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">First Name :</label>
              <div class="controls">
                <input class="span11" placeholder="First Name" type="text" name="first_name" maxlength="50" value="{{ $data->first_name }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Last Name :</label>
              <div class="controls">
                <input class="span11" placeholder="Last Name" type="text" name="last_name" maxlength="50" value="{{ $data->last_name }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Email :</label>
              <div class="controls">
                <input class="span11" placeholder="Contact Email" type="text" name="email" value="{{ $data->email }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Mobile Number :</label>
              <div class="controls">
                <input class="span11" placeholder="Contact Phone" type="text" name="mobile_number" value="{{ $data->mobile_number }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Date of Birth :</label>
              <div class="controls">
                <input type="text" data-date-format="dd-mm-yyyy" value="{{ ($data->dob==null)?'':date('d-m-Y',strtotime($data->dob)) }}" class="datepicker span11 fromDate" name="dob">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Pancard No. :</label>
              <div class="controls">
                <input class="span11" placeholder="Pancard number" type="text" name="pancard" value="{{ $data->pancard }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">AadharCard No. :</label>
              <div class="controls">
                <input class="span11" placeholder="Aadhar number" type="text" name="aadhaar_card" value="{{ $data->aadhaar_card }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Full Address :</label>
              <div class="controls">
                <textarea name="full_address" class="span11">{{ $data->full_address }}</textarea>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Pincode :</label>
              <div class="controls">
                <input class="span11" placeholder="Pincode" type="text" name="pincode" value="{{ $data->pincode }}">
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Country :</label>
              <div class="controls">
                <select name="country_id">
                  <option value="">Select Country</option>
                  @foreach($country as $countries)
                  <option value="{{ $countries->id }}" {{ ($data->country_id == $countries->id)?'selected':'' }}>{{ $countries->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">State :</label>
              <div class="controls">
                <select name="state_id" >
                  <option value="">Select State</option>
                  @foreach($state as $states)
                  <option value="{{ $states->id }}" {{ ($data->state_id == $states->id)?'selected':'' }}>{{ $states->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">City :</label>
              <div class="controls">
                <select name="city_id">
                  <option value="">Select City</option>
                  @foreach($city as $cities)
                  <option value="{{ $cities->id }}" {{ ($data->city_id == $cities->id)?'selected':'' }}>{{ $cities->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Rahebar :</label>
              <div class="controls">
                <select name="rahebar_id">
                  <option value=""></option>
                  @foreach($rahebars as $rahebar)
                  <option value="{{ $rahebar->id }}" {{ ($data->rahebar_id == $rahebar->id)?'selected':'' }} >{{ $rahebar->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Activate OTP Verification :</label>
              <div class="controls">
                <select class="span11" name="is_otp" required>
                  <option value="1" {{ ($data->is_otp == 1)?'selected':'' }}>Yes</option>
                  <option value="0" {{ ($data->is_otp == 0)?'selected':'' }}>No</option>
                </select> 
              </div>
            </div>

            <input type="hidden" name="merchantaction" value="edit">
            <div class="form-actions">
              <button type="submit" class="btn btn-success">Save</button>
            </div>
          </form>
        </div>
      </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
@parent
<script type="text/javascript">
    $(document).ready(function() {
        $('select[name="country_id"]').on('change', function() {
            var country_id = $(this).val();
            if(country_id) {
                $.ajax({
                    url: "{{url('/state/get/')}}/"+country_id,
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('select[name="state_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select State</option>');
                        $.each(data, function(key, value) {
                            //console.log(value.id);
                            $('select[name="state_id"]').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                        });
                    }
                });
            }else{
                $('select[name="state_id"]').empty();
            }
        });

        $('select[name="state_id"]').on('change', function() {
            var country_id = $('select[name="country_id"]').val();
            var state_id = $(this).val();
            if(state_id) {
                $.ajax({
                    url: "{{url('/city/get/')}}/"+country_id+'/'+state_id,
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('select[name="city_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select City</option>');
                        $.each(data, function(key, value) {
                            //console.log(value.id);
                            $('select[name="city_id"]').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                        });
                    }
                });
            }else{
                $('select[name="city_id"]').empty();
            }
        });

        
    });
</script>
@endsection