@extends('admin.layout.master')

@section('content')
<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
              <li class="breadcrumb-item" >
                <a href="{{route('admin.customer-support.all-customer-list')}}">Customer Support</a>
              </li>
              <li class="breadcrumb-item" >
                <a href="{{route('admin.customer-support.all-customer-list')}}">All Customer</a>
              </li>
							<li class="breadcrumb-item active" aria-current="page">View User</li>
						</ol>
					</div>
          <h1>User Details Panel</h1>
          @if(Session::has('errors'))
              <div class="alert alert-danger" style="background: none; border: none;">
                  <ul class="form_validation_error">
                      @foreach ($errors->all() as $error)
                        <li  style="color: #f00">{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
          @endif
          <div class="card">
              <div class="card-body">
                <h2>User Information</h2>
                <div class="details-box p-0 no-border">
                  <input type="hidden" name="hidden_customer_id" id="hidden_customer_id" value="{{ $customer_data->id }}">
                  <ul class="details-list border p-0 user-details-block">
                    <li class="p-4 borderBotm mb-0">
                      <label>Name</label>
                      <span>{{ $customer_data->student_name }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>User Id</label>
                      <span>{{ $customer_data->student_username }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Gender</label>
                      <span>{{ $customer_data->student_gender }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>D.O.B.</label>
                      <span></span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Email ID</label>
                      <span>{{ $customer_data->student_email }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Mobile Number</label>
                      <span></span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Exam Preference</label>
                      <span>
                                            </span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Address</label>
                      <span>{{ $customer_data->student_address }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Zip Code</label>
                      <span>{{ $customer_data->zip_code }}</span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>City</label>
                      <span></span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>State</label>
                      <span></span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Country</label>
                      <span></span>
                    </li>
                    <li class="p-4 borderBotm mb-0">
                      <label>Registration Date</label>
                      <span></span>
                    </li>
                  </ul>
                  <div style="min-width: 10px !important;">&nbsp;</div>
                  <div class="panel-group1 mt-6" id="accordion1">
                    <div class="panel panel-default mb-4 add-height">
                      <div class="panel-heading1 ">
                        <h4 class="panel-title1">
                          <a
                            class="accordion-toggle collapsed fs-18"
                            data-toggle="collapse"
                            data-parent="#accordion1"
                            href="#collapseOne"
                            aria-expanded="false"
                          >
                            Product Details
                          </a>
                        </h4>
                      </div>
                      <div
                        id="collapseOne"
                        class="panel-collapse collapse"
                        role="tabpanel"
                        aria-expanded="false"
                      >
                      <div class="panel-body p-0">
                        <div class="table-responsive">
                          <table id="customer_product_list" class="stripe row-border order-column dataTable no-footer">
                            <thead>
                              <tr>
                                <th>Coaching Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Products/Package Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Coupon Used<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Referred By<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Amount Paid<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Transaction Mode<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Transaction ID<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Date & Time<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                              </tr>
                            </thead>
                          </table>
                        </div>
                      </div>
                      </div>
                    </div>
                  </div>
                  <div class="panel-group1 mt-6" id="accordion2">
                    <div class="panel panel-default mb-4 add-height">
                      <div class="panel-heading1 ">
                        <h4 class="panel-title1">
                          <a
                            class="accordion-toggle collapsed fs-18"
                            data-toggle="collapse"
                            data-parent="#accordion2"
                            href="#collapseTwo"
                            aria-expanded="false"
                          >
                           Free Product Details
                          </a>
                        </h4>
                      </div>
                      <div
                        id="collapseTwo"
                        class="panel-collapse collapse"
                        role="tabpanel"
                        aria-expanded="false"
                      >
                      <div class="panel-body p-0">
                        <div class="table-responsive">
                          <table id="customer_free_product_list" class="stripe row-border order-column dataTable no-footer">
                            <thead>
                              <tr>
                                <th>Coaching Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Products/Package Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Coupon Used<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Referred By<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Amount Paid<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Transaction Mode<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Transaction ID<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                                <th>Date & Time<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                              </tr>
                            </thead>
                          </table>
                        </div>
                      </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="test-footer">
                  <a href="{{route('admin.customer-support.all-customer-list')}}" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Close</a>
                </div>
              </div>
          </div>
      </div>
      <!-- //Add test practice set -->
    <!--// MAIN BODY CONTENT -->
		</div>
	</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/customer_view_manage.js?v='.time())}}"></script>
@endsection