@extends('admin.master_layout')

@section('contant')
@push('scripts')
<link rel="stylesheet" href="{{asset('admin_assets/dist/css/popup_form.css')}}">
  <style>

  </style>
@endpush
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">

  <div class="col-12" style="margin-top:20px; text-align:center;">
        <div style="padding: 0 0 10px 0;">
            <table style="width:100%;">
              <tr>
                <td style="width:20%;">
                <div style="font-size:20px; color:#138496;"><b>Customer Details</b></div>

                </td>
                <td  style="text-align:right; width: 80%;">
                  <!-- Ensure that the parent `td` doesn't collapse -->
                  <div style="min-width: 100%; overflow: hidden;">
                    <table style="float:right;">
                      <tr>
                        <td>
                          <a href="{{ route('all-transactions-by-customer', $customer_id) }}" class="btn btn-success">All Transaction</a>&nbsp;
                          <a href="{{ route('customer-statements', $customer_id) }}" class="btn btn-info">Statements</a>&nbsp;
                          <a onclick="openCustomerInfoForm()" class="btn btn-warning"><i class="fa fa-edit"></i>&nbsp;Edit Info</a>&nbsp;
                          <a onclick="openPasswordUpdateForm()" class="btn btn-warning"><i class="fa fa-key"></i>&nbsp;Password Update</a>&nbsp;
                        </td>
                      </tr>
                    </table>
                  </div>
                </td>
              </tr>
            </table>
      </div>
    </div>

    <div class="col-12" style="background-color:#FFF">
        <div class="row">
            <div class="col-2" style="margin-top:10px;">
            <div style="padding:20px;">

                        @php
                            $image_path = public_path('images/user_img/thumbnail/' . $customer->photo);
                            $default_image_path = asset('images/male.jpg');
                        @endphp

                        @if(file_exists($image_path) && !is_dir($image_path))
                            <img src="{{ asset('images/user_img/thumbnail/' . $customer->photo) }}" class="" width="190"/>
                        @else
                        <img src="{{asset('images/male.jpg')}}" width="190" class="" alt="User Image">
                        @endif
              
            </div>
          </div>
          <div class="col-6" style="margin-top:10px;">

            <div class="" style="padding:20px;">
              <div class="">
              <table class="table table-hover table-striped table-bordered" id="example1">
                  <tbody>
                      <tr>
                        <td>Customer ID</td>
                        <td>{{ $customer->customer_id }}</td>
                      </tr>
                      <tr>
                        <td>Customer Name</td>
                        <td>{{ $customer->name }}</td>
                      </tr>
                      <tr>
                        <td>Contact</td>
                        <td>{{ $customer->contact }}</td>
                      </tr>
                      <tr>
                        <td>Email ID</td>
                        <td>{{ $customer->email }}</td>
                      </tr>
                      <tr>
                        <td>Address</td>
                        <td>{{ $customer->address }}</td>
                      </tr>
                  </tbody>
                </table>

              </div>
              <!-- /.card-body -->

            </div>
            <!-- /.card -->
          </div>

          <div class="col-4" style="margin-top:10px;">

          </div>
        </div>
    </div>

    
</div>
</div>
</section>

<!-- Popup Processed Confirm -->
<div class="form-popup" id="PasswordUpdateForm" style="display: none;">
    <div style="background-color:#002D3E; padding: 10px;">
        <table style="width:100%; font-size:18px;">
            <tr>
                <td style="color:#fff;"><b>Update Password And Pin Code</b></td>
                <td style="text-align:right; padding-right:15px;">
                    <a onclick="closePasswordUpdateForm()" style="color:#fff; cursor: pointer;">
                        <i class="fa fa-times"></i>
                    </a>
                </td>
            </tr>
        </table>
    </div>

    <div class="form-container" style="padding-top:15px;">
        <form class="form-horizontal" action="{{route('update-password')}}" method="post" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="cid" class="form-control" value="{{$customer->customer_id}}">
            <div class="row">
                <div class="col-md-12" style="padding:20px;">
                    <div>
                        <h3>Customer ID: <b>{{$customer->customer_id}}</b></h3>
                        <div style="padding-top: 10px">Password</div>
                        <input type="text" name="pass" class="form-control" value="{{$customer->password}}">
                        <div style="padding-top: 10px">Pin Code</div>
                        <input type="number" name="pin" class="form-control" value="{{$customer->pin_code}}">
                    </div>

                    <div style="padding-top:20px;">
                        <button type="submit" class="btn btn-warning">
                            <i class="fa fa-upload"></i>&nbsp;&nbsp;Update
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- Popup Processed Confirm End -->

<!-- Popup Processed Confirm -->
<div class="form-popup" id="CustomerInfoForm" style="display: none;">
    <div style="background-color:#002D3E; padding: 10px;">
        <table style="width:100%; font-size:18px;">
            <tr>
                <td style="color:#fff;"><b>Update Customer info</b></td>
                <td style="text-align:right; padding-right:15px;">
                    <a onclick="closeCustomerInfoForm()" style="color:#fff; cursor: pointer;">
                        <i class="fa fa-times"></i>
                    </a>
                </td>
            </tr>
        </table>
    </div>

    <div class="form-container" style="padding-top:15px;">
        <form class="form-horizontal" action="{{route('update-customer-info')}}" method="post" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="cid" class="form-control" value="{{$customer->customer_id}}">
            <div class="row">
                <div class="col-md-12" style="padding:20px;">
                    <div>
                        <h3>Customer ID: <b>{{$customer->customer_id}}</b></h3>
                        <div style="padding-top: 10px">Name</div>
                        <input type="text" name="cus_name" class="form-control" value="{{$customer->name}}">
                        <div style="padding-top: 10px">Contact</div>
                        <input type="text" name="contact" class="form-control" value="{{$customer->contact}}">
                        <div style="padding-top: 10px">Email</div>
                        <input type="text" name="email" class="form-control" value="{{$customer->email}}">
                        <div style="padding-top: 10px">Address</div>
                        <input type="text" name="address" class="form-control" value="{{$customer->address}}">
                    </div>

                    <div style="padding-top:20px;">
                        <button type="submit" class="btn btn-warning">
                            <i class="fa fa-upload"></i>&nbsp;&nbsp;Update
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- Popup Processed Confirm End -->



@push('js_scripts')

<script type="text/javascript">
      function confirmation() {
       return confirm('Are you sure you want to Delete this?');
        }
 </script>

<script>
     function openPasswordUpdateForm() {
        document.getElementById("PasswordUpdateForm").style.display = "block";

     }

     function closePasswordUpdateForm() {
       document.getElementById("PasswordUpdateForm").style.display = "none";
     }

     function openCustomerInfoForm() {
        document.getElementById("CustomerInfoForm").style.display = "block";

     }

     function closeCustomerInfoForm() {
       document.getElementById("CustomerInfoForm").style.display = "none";
     }

</script>

@endpush
@endsection