@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_select_vehicle') }}" method="post" id="transfer-form">
                                @csrf
                                <div class="row">
                                    <div class="adim1" id="step_1">

                                        <div class="col-md-12">
                                            <div class="donus">
                                                <input class="form-radio-input" id="donus" type="checkbox"
                                                    name="return_transfer" value="1" />
                                                <label
                                                    for="donus">{{ __('transfer.create.i_want_return_transfer') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="row">
                                                            <div class="col-md-6 fv-row">
                                                                <input type="text" class="transfer-form-control"
                                                                    name="start_address" id="start_address"
                                                                    placeholder="{{ __('transfer.create.start_address') }}">
                                                                <input type="hidden" name="start_address_lat"
                                                                    id="start_address_lat">
                                                                <input type="hidden" name="start_address_lng"
                                                                    id="start_address_lng">
                                                                <input type="hidden" name="start_address_place_id"
                                                                    id="start_address_place_id">
                                                                <input type="hidden"
                                                                    name="start_address_formatted_address"
                                                                    id="start_address_formatted_address">
                                                                <input type="hidden" name="start_address_name"
                                                                    id="start_address_name">
                                                                <input type="hidden" name="start_address_type"
                                                                    id="start_address_type">
                                                                <input type="hidden" name="start_address_icon"
                                                                    id="start_address_icon">

                                                                <div class="form-icon left-5"><img
                                                                        src="{{ URL::to('app/media/form-icon/location.svg') }}"
                                                                        alt=""></div>
                                                            </div>
                                                            <div class="col-md-6 fv-row">
                                                                <input type="text" class="transfer-form-control"
                                                                    name="end_address" id="end_address"
                                                                    placeholder="{{ __('transfer.create.end_address') }}">
                                                                <input type="hidden" name="end_address_lat"
                                                                    id="end_address_lat">
                                                                <input type="hidden" name="end_address_lng"
                                                                    id="end_address_lng">
                                                                <input type="hidden" name="end_address_place_id"
                                                                    id="end_address_place_id">
                                                                <input type="hidden"
                                                                    name="end_address_formatted_address"
                                                                    id="end_address_formatted_address">
                                                                <input type="hidden" name="end_address_name"
                                                                    id="end_address_name">
                                                                <input type="hidden" name="end_address_type"
                                                                    id="end_address_type">
                                                                <input type="hidden" name="end_address_icon"
                                                                    id="end_address_icon">
                                                                <div class="form-icon left-5"><img
                                                                        src="{{ URL::to('app/media/form-icon/location.svg') }}"
                                                                        alt=""></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="row">
                                                            <div class="col-md-5 relative fv-row">
                                                                <input type="text" class="transfer-form-control"
                                                                    name="transfer_date_time" id="transfer_date_time"
                                                                    placeholder="{{ __('transfer.create.transfer_date_time') }}">
                                                                <div class="form-icon left-10"><img
                                                                        src="{{ URL::to('app/media/form-icon/calendar.svg') }}"
                                                                        alt=""></div>
                                                                <div class="donus-form first">
                                                                    <input type="text" class="transfer-form-control"
                                                                        name="return_transfer_date_time"
                                                                        id="return_transfer_date_time"
                                                                        placeholder="{{ __('transfer.create.return_transfer_date_time') }}">
                                                                    <div class="form-icon"><img
                                                                            src="{{ URL::to('app/media/form-icon/calendar.svg') }}"
                                                                            alt=""></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3 fv-row">
                                                                <select name="number_of_passengers"
                                                                    id="number_of_passengers" required
                                                                    aria-label="{{ __('transfer.create.number_of_passengers') }}"
                                                                    data-placeholder="{{ __('transfer.create.number_of_passengers') }}"
                                                                    class="form-select transfer-form-control">
                                                                    <option value="">{{ __('transfer.create.select') }}
                                                                    </option>
                                                                    <option value="1">1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="3">3</option>
                                                                    <option value="4">4</option>
                                                                    <option value="5">5</option>
                                                                    <option value="6">6</option>
                                                                    <option value="7">7</option>
                                                                    <option value="8">8</option>
                                                                    <option value="9">9</option>
                                                                    <option value="10">10</option>
                                                                    <option value="11">11</option>
                                                                    <option value="12">12</option>
                                                                    <option value="13">13</option>
                                                                </select>
                                                                <div class="form-icon left-10"><img
                                                                        src="{{ URL::to('app/media/form-icon/person.svg') }}"
                                                                        alt=""></div>

                                                                <div class="donus-form">
                                                                    <select name="return_number_of_passengers"
                                                                        id="return_number_of_passengers"
                                                                        aria-label="{{ __('transfer.create.number_of_passengers') }}"
                                                                        data-placeholder="{{ __('transfer.create.number_of_passengers') }}"
                                                                        class="form-select transfer-form-control">
                                                                        <option value="">
                                                                            {{ __('transfer.create.select') }}</option>
                                                                        <option value="1">1</option>
                                                                        <option value="2">2</option>
                                                                        <option value="3">3</option>
                                                                        <option value="4">4</option>
                                                                        <option value="5">5</option>
                                                                        <option value="6">6</option>
                                                                        <option value="7">7</option>
                                                                        <option value="8">8</option>
                                                                        <option value="9">9</option>
                                                                        <option value="10">10</option>
                                                                        <option value="11">11</option>
                                                                        <option value="12">12</option>
                                                                        <option value="13">13</option>
                                                                    </select>
                                                                    <div class="form-icon"><img
                                                                            src="{{ URL::to('app/media/form-icon/person.svg') }}"
                                                                            alt=""></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <input type="submit" class="transfer-btn"
                                                                    name="transfer-olustur" id="first_step_button"
                                                                    value="{{ __('transfer.create.create_transfer') }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </form>
                            <div class="row">
                                <div class="ozet" id="ozet">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="title">{{ __('transfer.list.transfer_detail') }}</div>
                                        </div>
                                        <div class="col-md-4">
                                            <ul class="info">
                                                <li><img src="{{ URL::to('app/media/form-icon/govip.svg') }}" alt="">
                                                </li>
                                                <li><a href="tel:0850 255 95 95">0850 255 95 95</a></li>
                                                <li><a href="https:/govip.com.tr" target="_blank">govip.com.tr</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="transfer-bilgi">
                                                <div class="item">
                                                    <div class="row">
                                                        <div class="col-md-2 line">
                                                            <p>07-12-2022</p>
                                                            <p>15:30</p>
                                                        </div>
                                                        <div class="col-md-4 line">
                                                            <p><img src="{{ URL::to('app/media/form-icon/transfer-icon1.svg') }}"
                                                                    alt="">Uğur KURTULDU</p>
                                                            <p><img src="{{ URL::to('app/media/form-icon/transfer-icon2.svg') }}"
                                                                    alt="">1 {{ __('transfer.list.person') }}</p>
                                                            <p><img src="{{ URL::to('app/media/form-icon/transfer-icon3.svg') }}"
                                                                    alt="">Mercedes Vito Standart</p>
                                                            <p><img src="{{ URL::to('app/media/form-icon/transfer-icon4.svg') }}"
                                                                    alt="">40,3 km</p>
                                                        </div>
                                                        <div class="col-md-4 line bg">
                                                            <p>
                                                                <b>{{ __('transfer.list.start') }}</b><br>
                                                                Mecidiyeköy, 34381 Şişli/İstanbul, Türkiye
                                                            </p>
                                                            <p>
                                                                <b>{{ __('transfer.list.end') }}</b><br>
                                                                İstanbul Airport Sabiha Gökçen (SAW), Sanayi, 34906
                                                                Pendik/İstanbul, Türkiye
                                                            </p>
                                                        </div>
                                                        <div class="col-md-2 line">
                                                            <p class="update-color"><img
                                                                    src="{{ URL::to('app/media/form-icon/transfer-icon7.svg') }}"
                                                                    alt="">00026809</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <h4>{{ __('transfer.list.personal_information') }}</h4>
                                                <div class="item">
                                                    <div class="row">
                                                        <div class="col-md-2 line">
                                                            <p>{{ __('transfer.list.name_surname') }}:</p>
                                                            <p>{{ __('transfer.list.phone') }}:</p>
                                                            <p>{{ __('transfer.list.email_address') }}:</p>
                                                            <p>{{ __('transfer.list.note') }}:</p>
                                                        </div>
                                                        <div class="col-md-10 line">
                                                            <p>Uğur KURTULDU</p>
                                                            <p>+905352812874</p>
                                                            <p>ugur@incefikirler.com</p>
                                                            <p></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h4>{{ __('transfer.list.vehicle_extras') }}</h4>
                                                        <div class="item">
                                                            <div class="row">
                                                                <div class="col-md-4 line">
                                                                    <p>{{ __('transfer.list.vehicle_class') }}:</p>
                                                                    <p>{{ __('transfer.list.vehicle_extras') }}:</p>
                                                                </div>
                                                                <div class="col-md-8 line">
                                                                    <p>Mercedes Vito Standard Minivan</p>
                                                                    <p>{{ __('transfer.list.unknown') }}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <h4>{{ __('transfer.list.driver_information') }}</h4>
                                                        <div class="item">
                                                            <div class="row">
                                                                <div class="col-md-4 line">
                                                                    <p>{{ __('transfer.list.name_surname') }}:</p>
                                                                    <p>{{ __('transfer.list.phone') }}:</p>
                                                                </div>
                                                                <div class="col-md-8 line">
                                                                    <p>{{ __('transfer.list.unknown') }}</p>
                                                                    <p>{{ __('transfer.list.unknown') }}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <div class="col-md-3">
                                                                <h4 class="mbt-10">
                                                                    {{ __('transfer.list.passenger_list') }}</h4>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <h4 class="mbt-10">
                                                                    {{ __('transfer.list.name_surname') }}</h4>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <h4 class="mbt-10">{{ __('transfer.list.phone') }}</h4>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <h4 class="mbt-10">
                                                                    {{ __('transfer.list.email_address') }}</h4>
                                                            </div>
                                                        </div>
                                                        <div class="item pad-10">
                                                            <div class="row">
                                                                <div class="col-md-3 line">
                                                                    <p>1. {{ __('transfer.list.passenger') }}</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>Uğur KURTULDU</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>+905352812874</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>ugur@incefikirler.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="item pad-10">
                                                            <div class="row">
                                                                <div class="col-md-3 line">
                                                                    <p>2. {{ __('transfer.list.passenger') }}</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>Sertaç Yılmaz</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>+905352812874</p>
                                                                </div>
                                                                <div class="col-md-3 line">
                                                                    <p>sertac@incefikirler.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="payment-item">
                                                            <label
                                                                for="gidis-tutar">{{ __('transfer.list.transfer') }}:</label>
                                                            <input type="text" class="transfer-form-control"
                                                                name="gidis-tutar" id="gidis-tutar" value="92.60 €">
                                                        </div>
                                                        <div class="payment-item">
                                                            <label
                                                                for="donus-tutar">{{ __('transfer.list.return_transfer') }}:</label>
                                                            <input type="text" class="transfer-form-control"
                                                                name="donus-tutar" id="donus-tutar" value="92.60 €">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="payment-item">
                                                            <label for="toplam">{{ __('transfer.list.total') }}:</label>
                                                            <input type="text" class="transfer-form-control"
                                                                name="toplam" id="toplam" value="185.20 €">
                                                        </div>
                                                        <div class="payment-item">
                                                            <label
                                                                for="indirim-oran">{{ __('transfer.list.discount_rate') }}:</label>
                                                            <input type="text" class="transfer-form-control"
                                                                name="indirim-oran" id="indirim-oran" value="%10">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="payment-item">
                                                            <label
                                                                for="genel-toplam">{{ __('transfer.list.grand_total') }}:</label>
                                                            <input type="text"
                                                                class="transfer-form-control genel-toplam"
                                                                name="genel-toplam" id="genel-toplam" value="168.35 €">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBulmyKRq-ktWMwOKI-02jmEF1zOFlosBQ&callback=initMap&libraries=places&v=weekly"
    defer></script>
<script>
$(function() {

    // init
    // Date prototype add function
    Date.prototype.addHours = function(h) {
        this.setHours(this.getHours() + h);
        return this;
    }

    // transfer date 
    $("#transfer_date_time").flatpickr({
        dateFormat: "d-m-Y H:i",
        minDate: new Date().addHours(4),
        minuteIncrement: 1,
        time_24hr: true,
        enableTime: true,
    });
    // transfer return date
    $("#return_transfer_date_time").flatpickr({
        dateFormat: "d-m-Y H:i",
        minDate: new Date().addHours(4),
        minuteIncrement: 1,
        time_24hr: true,
        enableTime: true,
    });
    // transfer return event change form
    $("#donus").on("change", function() {
        this.checked ? $('.donus-form').show() : $('.donus-form').hide();
        this.checked ? $('.donus-form').show() : $('.donus-form').hide();
    });
    // todo validation.

});
</script>
<!-- <script src="{{ URL::to('app/js/modules/transfer-create.js') }}"></script> -->
<script src="{{ URL::to('app/js/modules/transfer-map.js') }}"></script>

<!-- <script>
		$("#first_step_button").on("click",function(){
			$('#transfer_date_time_div').text($("#transfer_date_time").val())
			$('#start_address_p').text($("#start_address").val())
			$('#end_address_p').text($("#end_address").val())
			$('#number_of_passengers_span').text($("#number_of_passengers").val())
		});
		
	</script> -->
@endsection

@endsection