@extends('frontend.layouts.products-app')

@section('title')
Account
@endsection

@section('seo')

@endsection

@section('content')

<link rel="stylesheet" href="{{asset('css/account.css')}}">

  <div class="container mt-5">
    <p><span class="active"><i class="fa-regular fa-user"></i> My Account </span>&emsp; | &emsp; <span><i class="fa-solid fa-cart-shopping"></i> My Orders </span></p>
  </div>


  <div class="container signup">
    <div class="row">
        <div class="col-7">
          
           <form class="row g-3" action="{{ url('updateAccount/'. $data->id) }}" method="POST">
    @csrf
    @method('PUT')

    <p class="account">My Account</p>

    <div class="col-md-6">
        <label for="firstName" class="form-label">First Name</label>
        <input type="text" placeholder="" class="form-control input" name="firstname" id="firstName" value="{{ old('firstname', $data->firstname) }}">
        @error('firstname')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="lastName" class="form-label">Last Name</label>
        <input type="text" placeholder="" class="form-control input" name="lastname" id="lastName" value="{{ old('lastname', $data->lastname) }}">
        @error('lastname')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="d-flex mt-3">
        <p class="fw-bold" style="font-size:18px !important;">Delivery / Shipping Address</p>
        <h5 style="margin-left:10px; margin-right:10px;"> | </h5>
        <input class="form-check-input me-2" type="checkbox" value="checked" id="flexCheckDefault">
        <label class="form-check-label" for="flexCheckDefault">
            Use this Address for Billing
        </label>
    </div>

    <!--<div class="col-md-12">-->
    <!--    <label for="state" class="form-label">State / Province</label>-->
    <!--    <input type="text" placeholder="" class="form-control input" name="state" id="state" value="{{ old('state', $data->state) }}">-->
    <!--    @error('state')-->
    <!--        <div class="text-danger">{{ $message }}</div>-->
    <!--    @enderror-->
    <!--</div>-->

    <!--<div class="col-md-6">-->
    <!--    <label for="city" class="form-label">City / Municipality</label>-->
    <!--    <input type="text" placeholder="" class="form-control input" name="city" id="city" value="{{ old('city', $data->city) }}">-->
    <!--    @error('city')-->
    <!--        <div class="text-danger">{{ $message }}</div>-->
    <!--    @enderror-->
    <!--</div>-->

    <!--<div class="col-md-6">-->
    <!--    <label for="barangay" class="form-label">Barangay</label>-->
    <!--    <input type="text" placeholder="" class="form-control input" name="barangay" id="barangay" value="{{ old('barangay', $data->barangay) }}">-->
    <!--    @error('barangay')-->
    <!--        <div class="text-danger">{{ $message }}</div>-->
    <!--    @enderror-->
    <!--</div>-->

    <div class="col-md-6">
        <label for="billAddress" class="form-label">Complete Address</label>
        <input type="text" placeholder="" class="form-control input" name="billAddress" id="billAddress" value="{{ old('billAddress', $data->billAddress) }}">
        @error('billAddress')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <p class="fw-bold" style="font-size:18px !important;">Business / Billing Address</p>

    <div class="col-md-12">
        <label for="completeAddress" class="form-label">Complete Address</label>
        <input type="text" placeholder="" class="form-control input" name="completeAddress" id="completeAddress" value="{{ old('completeAddress', $data->address) }}">
        @error('completeAddress')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="billMobile" class="form-label">Mobile Number</label>
        <input type="text" placeholder="" class="form-control input" name="billMobile" id="billMobile" value="{{ old('billMobile', $data->phonenumber) }}">
        @error('billMobile')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label for="billEmail" class="form-label">Email Address</label>
        <input type="text" placeholder="" class="form-control input" name="billEmail" id="billEmail" value="{{ old('billEmail', $data->billEmail) }}">
        @error('billEmail')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        <button type="submit" class="sign-btn">UPDATE INFORMATION</button>
    </div>
</form>
              
        </div>
        <div class="col">

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

<br><br>




<script>
    // $(document).ready(function() {
    //   $.ajax({
    //     method: "GET",
    //     url: "{{url('/info')}}",
    //     // data: { name: "John", location: "Boston" },
    //     success: function(msg) {
    //       alert("Data Saved: " + JSON.stringify(msg));
    //     },
    //     error: function(xhr, status, error) {
    //       console.error("An error occurred:", error);
    //     }
    //   });
    // });
</script>


@endsection