@extends('layouts.app4')

@section('title', 'HAPPY NATION')

@section('content')
    <!-- MENU -->
    <section class="navbar custom-navbar navbar-fixed-top" role="navigation">
        <div class="container">

            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                </button>

                <!-- LOGO TEXT HERE -->
                <a href="{{ url('/') }}" class="navbar-brand"><img style="height: 40px;"
                                                                   src="{{ url('exabytesafrica/img/logo.png') }}"></a>


            </div>

            <!-- MENU LINKS -->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="{{ url('/') }}" class="smoothScroll" style="color: #c62828">{{__('menu.home')}}</a>
                    </li>
                    <li><a href="{{ url('/') }}" class="smoothScroll" style="color: #c62828">Tel: +255 (0) 23 2613 851 /
                            589</a>
                    </li>
                </ul>
            </div>

        </div>
    </section>
    @include('includes.alerts')
    <!-- ABOUT -->
    <section id="about" data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="row">

                <div class="col-md-12">

                    {{--                    <small class="form-element-hint">Feel free to choose</small>--}}

                    <form class="form-card" method="post" enctype="multipart/form-data" action="{{ route('Pay') }}"
                          role="form">
                        @csrf

                        @foreach($tickets ?? '' as $i => $ticket)

                            <fieldset class="form-fieldset">
                                <legend class="form-legend">{{__('text.ticket_seat')}} #
                                    @php
                                        $busId = \Illuminate\Support\Facades\DB::table('buses')
                                                                            ->where('bus_reg_no', $bus)
                                                                            ->value('id');

                                        $busSeat = \Illuminate\Support\Facades\DB::table('bus_seats')
                                                                            ->where('bus', $busId)
                                                                            ->where('id', $i)
                                                                            ->value('naming');
                                        echo $busSeat;
                                    @endphp
                                </legend>

                                <small class="form-element-hint">{{__('text.company')}}: <strong>{{ $company }}</strong>&emsp; {{__('text.label')}}
                                    :
                                    <strong>@php
                                            $label = \Illuminate\Support\Facades\DB::table('schedules')
                                                                                ->where('id', $schedule)
                                                                                ->value('label');
                                            echo $label;
                                        @endphp</strong>&emsp; Daraja: <strong>@if($class == 1)
                                            <span class="mb-2 mr-2 badge badge-danger">VVIP</span>
                                        @elseif($class == 2)
                                            <span class="mb-2 mr-2 badge badge-primary">VIP</span>
                                        @elseif($class == 3)
                                            <span class="mb-2 mr-2 badge badge-info">Luxury</span>
                                        @elseif($class == 4)
                                            <span class="mb-2 mr-2 badge badge-warning">Semi-Luxury</span>
                                        @else
                                            <span class="mb-2 mr-2 badge badge-success">Ordinary</span>
                                        @endif</strong></small>
                                <small class="form-element-hint">{{__('text.trip_date')}}: <strong>{{ $date }}</strong>&emsp; {{__('text.departure')}}
                                    :
                                    <strong>{{ $departure }}</strong>&emsp; {{__('text.arrive')}}:
                                    <strong>{{ $arrival }}</strong></small>
                                <small class="form-element-hint">{{__('text.fare')}}:
                                    <strong>{{ $fare }}</strong>Tsh</small>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-radio form-radio-inline">

                                            <div class="form-radio-legend">{{__('text.gender')}}</div>
                                            <label class="form-radio-label">
                                                <select name='gender[]' required>
                                                    <option value=""></option>
                                                    <option value="Male">{{__('text.man')}}</option>
                                                    <option value="Female">{{__('text.woman')}}</option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-radio form-radio-inline">

                                            <div class="form-radio-legend">{{__('text.age')}}</div>
                                            <label class="form-radio-label">
                                                <select name='age[]' required>
                                                    <option value=""></option>
                                                    <option value="Adult">{{__('text.adult')}}</option>
                                                    <option value="Child">{{__('text.child')}}</option>
                                                </select>
                                            </label>

                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-radio form-radio-inline">
                                            <div class="form-radio-legend">Pa Kupandia</div>
                                            <label class="form-radio-label">
                                                <select name='board[]' required>
                                                    <option value=""></option>
                                                    @foreach($boardings as $boarding)
                                                        <option value="{{ $boarding->stop }}">{{ $boarding->stop }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-radio form-radio-inline">
                                            <div class="form-radio-legend">Pa Kushukia</div>
                                            <label class="form-radio-label">
                                                <select name='drop[]' required>
                                                    <option value=""></option>
                                                    @foreach($dropings as $droping)
                                                        <option value="{{ $droping->stop }}">{{ $droping->stop }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                </div>


                                <div class="form-element form-input">
                                    <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9" class="form-element-field"
                                           placeholder="{{__('text.fullname')}}" type="text" name="name[]" required autofocus/>
                                    <div class="form-element-bar"></div>
                                    <label class="form-element-label"
                                           for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9">{{__('text.fullname')}}</label>
                                </div>
                                <div class="form-element form-input">
                                    <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9" class="form-element-field"
                                           placeholder="{{__('text.mobile')}}" type="number" name="msisdn[]"
                                           required/>
                                    <div class="form-element-bar"></div>
                                    <label class="form-element-label"
                                           for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9">{{__('text.mobile')}}</label>
                                </div>

                                <div class="form-element form-input">
                                    <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b77" class="form-element-field"
                                           placeholder="{{__('text.IDNumber')}}" type="number" hidden="true" name="identification[]"/>
                                    <div class="form-element-bar"></div>
                                    <label class="form-element-label"
                                           for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b77">{{__('text.IDNumber')}}</label>
                                </div>

                                <div class="form-element form-input">
                                    <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9" class="form-element-field"
                                           placeholder="{{__('text.email_address')}}" type="email" name="email[]"/>
                                    <div class="form-element-bar"></div>
                                    <label class="form-element-label"
                                           for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9">{{__('text.email_address')}}</label>
                                </div>


{{--                                <div class="row">--}}
{{--                                    <div class="col-md-6">--}}

{{--                                        <div class="col-md-12"><span class="small">Kupandia</span>--}}
{{--                                            <div class="form-element form-input">--}}
{{--                                                <select name='board[]' class="form-input select-filter"--}}
{{--                                                        data-placeholder="Chagua Kituo cha Kupandia Basi"--}}
{{--                                                        data-minimum-results-for-search="Infinity"--}}
{{--                                                        data-constraints="@Required">--}}
{{--                                                    <option value="">hfkjfjljflef</option>--}}
{{--                                                    @foreach($boardings as $boarding)--}}
{{--                                                        <option--}}
{{--                                                            value="{{ $boarding->stop }}">{{ $boarding->stop }}</option>--}}
{{--                                                    @endforeach--}}
{{--                                                </select>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="col-md-6">--}}
{{--                                        <div class="col-md-12"><span class="small">Kushukia</span>--}}
{{--                                            <div class="form-element form-input">--}}
{{--                                                <select name='board[]' class="form-input select-filter"--}}
{{--                                                        data-placeholder="Chagua Kituo cha Kushukia"--}}
{{--                                                        data-minimum-results-for-search="Infinity"--}}
{{--                                                        data-constraints="@Required">--}}
{{--                                                    <option value="">nkfeekfnkefke</option>--}}
{{--                                                    @foreach($dropings as $droping)--}}
{{--                                                        <option--}}
{{--                                                            value="{{ $droping->stop }}">{{ $droping->stop }}</option>--}}
{{--                                                    @endforeach--}}
{{--                                                </select>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}

                                <input type="hidden" value="{{ $from }}" name="from"/>
                                <input type="hidden" value="{{ $to }}" name="to"/>
                                <input type="hidden" value="{{ $date }}" name="date"/>
                                <input type="hidden" value="{{ $company }}" name="company"/>
                                <input type="hidden" value="{{ $bus }}" name="bus"/>
                                <input type="hidden" value="{{ $fare }}" name="fare"/>
                                <input type="hidden" value="{{ $departure }}" name="departure"/>
                                <input type="hidden" value="{{ $arrival }}" name="arrival"/>
                                <input type="hidden" value="{{ $hours }}" name="hours"/>
                                <input type="hidden" value="{{ $class }}" name="class"/>
                                <input type="hidden" value="{{ $schedule }}" name="schedule"/>
                                <input type="hidden" value="{{ $i }}" name="seat[]"/>

                        @endforeach

                                <br>

                                <div class="form-element form-input">
                                    <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9" class="form-element-field"
                                           placeholder="Jaza Nambari ya simu" type="number" name="msisdnPay"
                                           required/>
                                    <div class="form-element-bar"></div>
                                    <label class="form-element-label" for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9">
                                        Namba ya Simu kwaajili ya Malipo (Lazima)</label>
                                </div>

                                <input type="checkbox" name="terms" value="terms" required><label style="margin-left: 10px;" for="vehicle1">{{__('Nakubaliana na vigezo na masharti ya ABOOD BUS')}}</label>
                                {{--                                <p>* Fika kituoni dakika 30 kabla ya muda wa safari<br>--}}
                                {{--                                * Nauli ikishaliwa hairudishwi ikiwa safari imeharishwa kabla ya 24 ya safari</p>--}}

                            </fieldset>


                        <div class="form-actions">

                            <button class="form-btn-error" type="submit" name="bookTicket"
                                    value="booking">{{__('text.reserve')}}
                            </button>
                            {{--                            <button class="form-btn" type="submit" name="bookTicket" value="pay">LIPIA</button>--}}
                            <button class="form-btn-cancel -nooutline" style="align-content: center" type="reset"><a
                                    href="{{ url('/') }}">{{__('text.cancel')}}</a></button>
                        </div>
                    </form>

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


@endsection