@extends('layout.master')
@section('content')

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
	<div class="container-xxl" id="kt_content_container">
		<div class="post d-flex flex-column-fluid" id="kt_post">
			<div id="kt_content_container" class="container-xxl">
				<div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid gap-10" id="kt_create_account_stepper">
					<div class="card d-flex flex-row-fluid flex-center" style="background:none;">
						<div class="card-body py-10 w-100 px-9" id="kt_create_account_form">
							<form action="{{ route('transfer.post_completed',  $uuid) }}" method="post" id="transfer-form">
                                @csrf
								<div class="row">
                                    <div class="col-md-3 left-top">
                                    <div class="transfer-bilgi" id="transfer-bilgi">
                                            <div class="adim-1">
                                                <div class="title">{{ __('transfer.create.start') }} <a href="#"><img src="{{ URL::to('app/media/form-icon/transfer-icon8.svg') }}" alt=""></a></div>
                                                <div class="date" id="transfer_date_time_div">{{ $transfer_data->transfer_date_time }}</div>
                                                <div class="text">
                                                    <p><b>{{ __('transfer.create.where_from') }}:</b></p>
                                                    <p id="start_address_p">{{ $transfer_data->start_address_name }}</p>
                                                    <p><b>{{ __('transfer.create.to_where') }}:</b></p>
                                                    <p id="end_address_p">{{ $transfer_data->end_address_name }}</p>
                                                    <p><b>{{ __('transfer.create.number_of_passengers') }}:</b> <span id="number_of_passengers_span">{{ $transfer_data->number_of_passengers }}</span></p>
                                                </div>
                                                <div class="title">{{ __('transfer.create.distance_time') }}</div>
                                                <div class="text">
                                                    <p><b>{{ __('transfer.create.distance') }}:</b> {{ $transfer_data->distance_text }}</p>
                                                    <p><b>{{ __('transfer.create.estimated_time') }}:</b> {{ $transfer_data->duration_text }}</p>
                                                </div>
                                            </div>
                                            <div class="adim-2">
                                                <div class="title">{{ __('transfer.create.vehicle_information') }} <a href="#"><img src="{{ URL::to('app/media/form-icon/transfer-icon8.svg') }}" alt=""></a></div>
                                                <div class="item-title" id="selected_vehicle_name">...</div>
                                                <div class="car-img"><img src="{{ URL::to('app/media/form-icon/car.png') }}" id="selected_vehicle_image" alt=""></div>
                                                <div class="car-detail">
                                                    <ul>
                                                        <li><img src="{{ URL::to('app/media/form-icon/persons.svg') }}" alt=""> <span id="selected_vehicle_person_capacity">8 </span><span>{{ __('transfer.create.person') }}</span></li>
                                                        <li><img src="{{ URL::to('app/media/form-icon/bag.svg') }}" alt=""> <span id="selected_vehicle_suitcase_capacity">8 </span><span>{{ __('transfer.create.suitcase') }}</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="adim-3">
                                                <div class="title">{{ __('transfer.create.passenger_information') }} <a href="#"><img src="{{ URL::to('app/media/form-icon/transfer-icon8.svg') }}" alt=""></a></div>
                                                <div class="text" id="transfer_passengers">
                                                    @foreach($transfer_data->passenger_name_surname as $passanger)
                                                        @if($passanger)<p>{{ $passanger }} </p>@endif
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="adim4" id="adim4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="title">{{ __('transfer.create.payment_information') }}</div>
                                                </div>
                                                
                                                    <div class="payment">
                                                        <div class="row">
                                                            <h4>{{ __('transfer.create.payment_type') }}</h4>
                                                            <div class="col-md-12">
                                                            
                                                                @foreach(get_payment_methods_select2_array($currentCompany->id) as $option)
                                                                    <div class="payment-type">
                                                                        <input data-slug="{{ $option['slug'] }}" data-name="{{ __('transfer.create.cash') }}" type="radio" id="odeme_tip_{{ $loop->iteration }}" name="payment_type" class="form-radio-input payment_type" value="{{ $option['id'] }}" @if ($loop->first) checked @endif>
                                                                        <label for="odeme_tip_{{ $loop->iteration }}">{{ $option['text'] }}</label>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <hr>
                                                            <div class="col-md-6">
                                                                <label for="kupon-kod" class="auto">{{ __('transfer.create.coupon_code') }}:</label>
                                                                <input type="text" class="transfer-form-control" name="kupon-kod" id="kupon-kod" placeholder="{{ __('transfer.create.coupon_code_text') }}">
                                                            </div>
                                                            <hr>
                                                            <div class="col-md-12">
                                                                <div class="payment-item">
                                                                    <label for="gidis-tutar">{{ __('transfer.create.transfer') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="gidis-tutar" id="gidis-tutar" value="{{ $transfer_data->transfer_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @if(isset($transfer_data->return_transfer) && $transfer_data->return_transfer)
                                                                <div class="payment-item">
                                                                    <label for="donus-tutar">{{ __('transfer.create.return_transfer') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="donus-tutar" id="donus-tutar" value="{{ $transfer_data->transfer_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @endif
                                                            </div>


                                                            <div class="col-md-12">
                                                                <div class="payment-item">
                                                                    <label for="toplam">{{ __('transfer.create.extra_price') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="toplam" id="toplam" value="{{ $transfer_data->transfer_extra_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @if(isset($transfer_data->return_transfer) && $transfer_data->return_transfer)
                                                                <div class="payment-item">
                                                                    <label for="toplam">{{ __('transfer.create.extra_price') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="toplam" id="toplam" value="{{ $transfer_data->transfer_extra_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @endif
                                                            </div>
                                                            @if($currentCompany->getSetting('transfer_includes_tax') == false)
                                                            <div class="col-md-12">
                                                                <div class="payment-item">
                                                                    <label for="tax">{{ __('transfer.create.tax') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="tax" id="tax" value="{{ $transfer_data->transfer_tax_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @if(isset($transfer_data->return_transfer) && $transfer_data->return_transfer)
                                                                <div class="payment-item">
                                                                    <label for="tax">{{ __('transfer.create.tax') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="tax" id="tax" value="{{ $transfer_data->transfer_tax_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @endif
                                                            </div>
                                                            @endif
                                                            
                                                            <div class="col-md-12">
                                                                <div class="payment-item">
                                                                    <label for="toplam">{{ __('transfer.create.total') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="toplam" id="toplam" value="{{ $transfer_data->transfer_total_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                                @if($transfer_data->discount)
                                                                <div class="payment-item">
                                                                    <label for="indirim-oran">{{ __('transfer.create.discount_rate') }}:</label>
                                                                    <input type="text" class="transfer-form-control" name="indirim-oran" id="indirim-oran" value="%{{ $transfer_data->discount }}">
                                                                </div>
                                                                @endif
                                                            </div>

                                                            <div class="col-md-12">
                                                                <div class="payment-item">
                                                                    <label for="genel-toplam">{{ __('transfer.create.grand_total') }}:</label>
                                                                    <input type="text" class="transfer-form-control genel-toplam" name="genel-toplam" id="genel-toplam" value="{{ $transfer_data->transfer_discounted_total_price }} {{ $transfer_data->currency_symbol }}">
                                                                </div>
                                                            </div>

                                                            <div id="credit_cart_payment" style="display: none;">
                                                                <hr>
                                                                <div class="col-md-12">
                                                                    <div class="pb-5" data-wizard-type="step-content" data-wizard-state="current">
                                                                        <div class="row">
                                                                            <div class="col-xl-6">
                                                                                <div class="form-group fv-plugins-icon-container has-success credit-cart-payment">
                                                                                    <label>{{ __('transfer.create.name_on_the_card') }}:</label>
                                                                                    <input type="text" class="form-control form-control-solid form-control-lg" name="card_name_surname" placeholder="{{ __('transfer.create.name_on_the_card') }}" value="">
                                                                                <div class="fv-plugins-message-container"></div></div>
                                                                            </div>
                                                                            <div class="col-xl-6">
                                                                                <div class="form-group fv-plugins-icon-container has-success credit-cart-payment">
                                                                                    <label>{{ __('transfer.create.card_number') }}:</label>
                                                                                    <input type="text" class="form-control form-control-solid form-control-lg" name="card_number" placeholder="{{ __('transfer.create.card_number') }}" value="">
                                                                                <div class="fv-plugins-message-container"></div></div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row">
                                                                            <div class="col-xl-4">
                                                                                <div class="form-group fv-plugins-icon-container has-success credit-cart-payment">
                                                                                    <label>{{ __('transfer.create.date_month') }}:</label>
                                                                                    <input type="number" class="form-control form-control-solid form-control-lg" name="card_month" placeholder="{{ __('transfer.create.month') }}" value="">
                                                                                <div class="fv-plugins-message-container"></div></div>
                                                                            </div>
                                                                            <div class="col-xl-4">
                                                                                <div class="form-group fv-plugins-icon-container has-success credit-cart-payment">
                                                                                    <label>{{ __('transfer.create.date_year') }}:</label>
                                                                                    <input type="number" class="form-control form-control-solid form-control-lg" name="card_year" placeholder="{{ __('transfer.create.year') }}" value="">
                                                                                <div class="fv-plugins-message-container"></div></div>
                                                                            </div>
                                                                            <div class="col-xl-4">
                                                                                <div class="form-group fv-plugins-icon-container has-success credit-cart-payment">
                                                                                    <label>{{ __('transfer.create.cvv_number') }}:</label>
                                                                                    <input type="password" class="form-control form-control-solid form-control-lg" name="cvv_number" placeholder="{{ __('transfer.create.cvv_number') }}" value="">
                                                                                <div class="fv-plugins-message-container"></div></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12">
                                                                <input type="submit" class="complete-btn" name="complete" id="complete" value="{{ __('transfer.create.accept_transfer') }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
							</form>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>	
</div>

<!-- Bu sayfaya ait css dosyaları -->
@section('css')
    
@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
<script>
$(function() {
    $(".payment_type").on("click", function(){
        $(this).data('slug') == 'ONLINE_CREDIT_CARD' ?  $("#credit_cart_payment").show() : $("#credit_cart_payment").hide()
    });
});
</script>


@endsection

@endsection