@extends('layout')
@section('title', 'Checkout')
@section('content')
@if(session('customer_id'))
    <nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ __('text.checkout') }}</li>
  </ol>
</nav>
@endif
<div class="container">
    <div class="row">
          <div class="col-lg-8">
            <div class="card" style="width: 100%; padding: 30px;">
              
            
            <form action="{{ route('checkout_update') }}" method="POST">
                @csrf
                @method('PUT')
              <!-- First Name -->
                <div class="row">
                    <input type="hidden" name="referral_id" value="{{ $customer->referralcode }}">
                     <input type="hidden" name="customer_id" value="{{ $customer->customer_id }}">
                     <input type="hidden" name="sponsor_id" value="{{ $customer->sponsor_id }}">
                     @foreach ($level['Level commission']['inputs'] as $input => $value)
                     <input type="hidden" name="level[]" value="{{$value}}">
                     @endforeach
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="firstname">{{ __('text.firstname') }}:</label>
                            <input type="text" class="form-control" id="firstname" name="firstname" placeholder="{{ __('text.firstname') }}" value="{{ $customer->firstname }}" required>
                        </div>
                    </div>
                    <!-- Last Name -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="lastname">{{ __('text.lastname') }}:</label>
                            <input type="text" class="form-control" id="lastname" name="lastname" placeholder="{{ __('text.lastname') }}" value="{{ $customer->lastname }}" required>
                        </div>
                    </div>
                </div>
                <!-- Email -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="email">{{ __('text.email') }}:</label>
                            <input type="email" class="form-control" id="email" name="email" placeholder="{{ __('text.email') }}" value="{{ $customer->email }}" required>
                        </div>
                    </div>
                    <!-- Telephone -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="telephone">{{ __('text.phone') }}</label>
                            <input type="tel" class="form-control" id="telephone" name="telephone" placeholder="{{ __('text.phone') }}" value="{{ $customer->telephone }}" required>
                        </div>
                    </div>
                </div>
                <!-- Address -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="address">{{ __('text.address') }}:</label>
                            <textarea class="form-control" id="address" name="address" placeholder="{{ __('text.address') }}" required>{{ $customer->address }}</textarea>
                        </div>
                    </div>
                    <!-- Zip Code -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="zipcode">{{ __('text.zip_code') }}:</label>
                            <input type="text" class="form-control" id="zipcode" name="zipcode" placeholder="{{ __('text.zip_code') }}" value="{{ $customer->zip_code }}" required>
                        </div>
                    </div>
                </div>
                <!-- City, Country, State -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="city">{{ __('text.city') }}:</label>
                            <input type="text" class="form-control" id="city" name="city" placeholder="{{ __('text.city') }}" value="{{ $customer->city }}" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="country" style="margin-top: 10px;">{{ __('text.country') }}:</label>
                            @php
                                $selectedCountry = $data->where('setting_name', 'country')->first()->setting_value 
                                
                                ?? old('country', $customer->country);
                            @endphp
                            <select id="country" name="country" class="form-control">
                                @foreach ($countries as $country)
                                    <option value="{{ $country->name }}" {{ $country->name == $selectedCountry ? 'selected' : '' }}>
                                        {{ $country->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="state" style="margin-top: 10px;">{{ __('text.state') }}:</label>
                            <select id="state" name="state" class="form-control">
                                <option value="{{ old('state', $customer->state) }}">{{ old('state', $customer->state) }}</option>
                                <option id="{{ $country->country_id }}" value="{{ $data->where('setting_name', 'state')->first()->setting_value ?? old('store_name') }}">
                                    {{ $data->where('setting_name', 'state')->first()->setting_value ?? old('store_name') }}
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
          
        </div>
        </div>
    <div class="col-lg-4">

    <div class="card" style="width: 100%; padding: 15px;">
        <div class="card-header">
            <h5 class="card-title">{{ __('text.cart') }}</h5>
        </div>
        <div class="card-body">
            @php
                $subtotal = 0; // Initialize subtotal variable
            @endphp
           @foreach($products as $product)
    <div class="mb-3" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;">
        <p>{{ $product->name }}: 
            @if(session('currency_id'))
                {{ session('currency_symbol') }}
             @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue *    $product->price   ;
        @endphp
          {{ $totalPrice }}</p>
                        @else
                        {{$symbol}} {{ $product->price }}</p>
                        @endif 
            
        
        <p>{{ __('text.quantity') }}: {{ $cart[$product->id]['quantity'] }}</p>
        <p>{{ __('text.sub_total') }}: 
            @if(session('currency_id'))
                {{ session('currency_symbol') }}
            @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue *   number_format($product->price * $cart[$product->id]['quantity'], 2)  ;
        @endphp
          {{ $totalPrice }}</p>
                        @else
                        {{$symbol}} {{ number_format($product->price * $cart[$product->id]['quantity'], 2) }}</p>
                        @endif 
            
       
        <input type="hidden" name="total" value="{{ $product->price * $cart[$product->id]['quantity'] }}">
    </div>
    @php
        // Add the subtotal of the current product to the overall subtotal
        $subtotal += $product->price * $cart[$product->id]['quantity'];
    @endphp
@endforeach

<div>
    <h6>{{ __('text.total') }}: 
        @if(session('currency_id'))
            {{ session('currency_symbol') }}
         @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue *  number_format($subtotal, 2) ;
        @endphp
          {{ $totalPrice }}</h6>
                        @else
                        {{$symbol}} {{ number_format($subtotal, 2) }}</h6>
                        @endif 
      
</div>

           
        </div>
       <div class="mb-5">
                    <h5 class="section-title position-relative text-uppercase mb-3">{{ __('text.payment') }}</h5>
                    <div class="bg-light p-30">
                        <div class="form-group">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="paypal" value="paypal">
                                <label class="custom-control-label" for="paypal">{{ __('text.paypal') }}:</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="cash" value="cash on delivery">
                                <label class="custom-control-label" for="cash">{{ __('text.cash') }}</label>
                            </div>
                        </div>
                        <div class="form-group mb-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="payment" id="banktransfer" value="banktransfer">
                                <label class="custom-control-label" for="banktransfer">{{ __('text.Btransfer') }}</label>
                            </div>
                        </div>
                         @error('payment')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        <button class="btn btn-block btn-primary font-weight-bold py-3">{{ __('text.place') }}</button>
                    </div>
                </div>
                </div>
            </div>
        </div>
          </form>
    </div>
</div>

     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
$(document).ready(function(){
    $("#country").change(function(){
        var state = $(this).val();
 
        $.ajax({
            url: "/register_AjaxCall", 
            type: "POST",
            dataType: 'json', 
            data: {
                data: state, 
                _token: '{{ csrf_token() }}' 
            },
            
            success: function(res){
         
                $('#state').empty();

                $.each(res, function(index, val) {
                    $('#state').append($("<option>", {
                        value: val, 
                        text: val 
                    }));
                });
            }
        });  
    });
});


</script>
@endsection