@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_payment', $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">
                                                    {{ $transfer_data->vehicle_class_object->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">{{ $transfer_data->vehicle_class_object->person_capacity }}
                                                            </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">{{ $transfer_data->vehicle_class_object->suitcase_capacity }}
                                                            </span><span>{{ __('transfer.create.suitcase') }}</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9">

                                        <div class="adim3" id="adim3">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="title">{{ __('transfer.create.customer_information') }}
                                                    </div>
                                                </div>
                                                <div class="customer">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label
                                                                for="transfer_customer">{{ __('transfer.create.customer') }}
                                                                :</label>
                                                            <select name="transfer_customer" id="transfer_customer"
                                                                aria-label="{{ __('transfer.create.for_search') }}"
                                                                data-control="select2"
                                                                data-placeholder="{{ __('transfer.create.for_search') }}"
                                                                class="form-select form-select-solid form-select-lg">
                                                                <option value="">{{ __('transfer.create.for_search') }}
                                                                </option>
                                                                @foreach($customers as $cust)
                                                                <option value="{{ $cust->id }}">{{ $cust->first_name }}
                                                                    {{ $cust->last_name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <label
                                                                for="ucus-kodu">{{ __('transfer.create.flight_code') }}:</label>
                                                            <input type="text" class="transfer-form-control"
                                                                name="flight_code" id="flight_code"
                                                                placeholder="{{ __('transfer.create.flight_code') }}">
                                                        </div>
                                                        <div class="col-md-3">
                                                            <label
                                                                for="customer_language">{{ __('transfer.create.email_and_sms_language') }}</label>
                                                            <select name="customer_language" id="customer_language"
                                                                class="form-select form-select-solid form-select-lg">
                                                                <option value="İngilizce">İngilizce</option>
                                                                <option value="Türkçe">Türkçe</option>
                                                                <option value="Arapça">Arapça</option>
                                                                <option value="Almanca">Almanca</option>
                                                                <option value="Fransızca">Fransızca</option>
                                                                <option value="İspanyolca">İspanyolca</option>
                                                                <option value="Rusça">Rusça</option>
                                                                <option value="İtalyanca">İtalyanca</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label
                                                                for="transfer_note">{{ __('transfer.create.notes') }}:</label>
                                                            <textarea type="text" class="transfer-form-control" rows="5"
                                                                style="min-height:100px;" name="transfer_note"
                                                                id="transfer_note"></textarea>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <h4>{{ __('transfer.create.start') }}</h4>
                                                        </div>
                                                        @for ($i = 1; $i <= $transfer_data->number_of_passengers; $i++)
                                                            <div class="col-md-4 fv-row">
                                                                <label
                                                                    for="passenger_name_surname">{{ __('transfer.create.name_surname') }}:
                                                                    ({{ __('transfer.create.passenger') }}
                                                                    {{ $i }})</label>
                                                                <input type="text" class="transfer-form-control"
                                                                    name="passenger_name_surname[]" @if($i==1) required
                                                                    @endif>
                                                            </div>
                                                            <div class="col-md-2 fv-row">
                                                                <label
                                                                    for="passenger_country_code">{{ __('transfer.create.country_code') }}:</label>
                                                                <select name="passenger_country_code[]"
                                                                    aria-label="{{ __('transfer.create.country_code') }}"
                                                                    data-control="select2"
                                                                    data-placeholder="{{ __('transfer.create.country_code') }}"
                                                                    class="form-select form-select-solid form-select-lg"
                                                                    @if($i==1) required @endif>
                                                                    <option value="">
                                                                        {{ __('transfer.create.country_code') }}
                                                                    </option>
                                                                    <option value="1" selected>+90 Türkiye</option>
                                                                    <option value="2">+333 Almanya</option>
                                                                    <option value="3">+281 Fransa</option>
                                                                    <option value="4">+28 Birleşik Krallık</option>
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3 fv-row">
                                                                <label
                                                                    for="passenger_phone_number">{{ __('transfer.create.phone_number') }}:
                                                                    ({{ __('transfer.create.passenger') }}
                                                                    {{ $i }})</label>
                                                                <input type="text" class="transfer-form-control"
                                                                    name="passenger_phone_number[]" @if($i==1) required
                                                                    @endif>
                                                            </div>
                                                            <div class="col-md-3 fv-row">
                                                                <label
                                                                    for="passenger_email_address">{{ __('transfer.create.email_address') }}:
                                                                    ({{ __('transfer.create.passenger') }}
                                                                    {{ $i }})</label>
                                                                <input type="text" class="transfer-form-control"
                                                                    name="passenger_email_address[]" @if($i==1) required
                                                                    @endif>
                                                            </div>
                                                            @endfor
                                                            @if(isset($transfer_data->return_transfer) &&
                                                            $transfer_data->return_transfer)
                                                            <div class="col-md-12">
                                                                <h4>{{ __('transfer.create.end') }}</h4>
                                                            </div>
                                                            @for ($i = 1; $i <= $transfer_data->
                                                                return_number_of_passengers; $i++)
                                                                <div class="col-md-4 fv-row">
                                                                    <label
                                                                        for="return_passenger_name_surname">{{ __('transfer.create.name_surname') }}:
                                                                        ({{ __('transfer.create.passenger') }}
                                                                        {{ $i }})</label>
                                                                    <input type="text" class="transfer-form-control"
                                                                        name="return_passenger_name_surname[]"
                                                                        @if($i==1) required @endif>
                                                                </div>
                                                                <div class="col-md-2 fv-row">
                                                                    <label
                                                                        for="return_passenger_country_code">{{ __('transfer.create.country_code') }}:</label>
                                                                    <select name="return_passenger_country_code[]"
                                                                        aria-label="{{ __('transfer.create.country_code') }}"
                                                                        data-control="select2"
                                                                        data-placeholder="{{ __('transfer.create.country_code') }}"
                                                                        class="form-select form-select-solid form-select-lg"
                                                                        @if($i==1) required @endif>
                                                                        <option value="">
                                                                            {{ __('transfer.create.country_code') }}
                                                                        </option>
                                                                        <option value="1" selected>+90 Türkiye</option>
                                                                        <option value="2">+333 Almanya</option>
                                                                        <option value="3">+281 Fransa</option>
                                                                        <option value="4">+28 Birleşik Krallık</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-3 fv-row">
                                                                    <label
                                                                        for="return_passenger_phone_number">{{ __('transfer.create.phone_number') }}:
                                                                        ({{ __('transfer.create.passenger') }}
                                                                        {{ $i }})</label>
                                                                    <input type="text" class="transfer-form-control"
                                                                        name="return_passenger_phone_number[]"
                                                                        @if($i==1) required @endif>
                                                                </div>
                                                                <div class="col-md-3 fv-row">
                                                                    <label
                                                                        for="return_passenger_email_address">{{ __('transfer.create.email_address') }}:
                                                                        ({{ __('transfer.create.passenger') }}
                                                                        {{ $i }})</label>
                                                                    <input type="text" class="transfer-form-control"
                                                                        name="return_passenger_email_address[]"
                                                                        @if($i==1) required @endif>
                                                                </div>
                                                                @endfor
                                                                @endif



                                                                <div class="col-md-12">
                                                                    <input type="submit" class="next-btn"
                                                                        name="next-btn" id="three_step_button"
                                                                        value="{{ __('transfer.create.next') }}">
                                                                </div>
                                                    </div>
                                                </div>
                                            </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')

@endsection

@endsection