@extends('layouts.front')

@section('content')
    <section class="section">
        <section class="sp-80 bg-w">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="all-title">
                            <h3 class="sec-title">
                                @lang('front.headings.bookingSuccess')
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="billing-info payment-box success-box">
                    <div class="alert alert-success" role="alert">
                        @lang('front.bookingSuccessful')
                    </div>
                    <div class="booking-summary mb-30">
                                    <ul>
                                        <li>
                                            <span>
                                                @lang('app.service'):
                                            </span>
                                            <span>
                                                 @foreach ($booking->items as $item)
                                                    {{$item->businessService->name}}
                                                @endforeach                                                   
                                            </span>
                                        </li>
                                        <li>
                                        <span>
                                            @lang('front.bookingDate'):
                                        </span>
                                        <span>
                                            @if ($booking->date_time != '')
                                                {{  \Carbon\Carbon::parse($booking->date_time)->translatedFormat($settings->date_format) }}
                                            @endif
                                        </span>
                                        </li>
                                        <li>
                                        <span>
                                            @lang('front.bookingTime'):
                                        </span>
                                            <span style="text-transform: none">
                                                @if ($booking->date_time != '')
                                                    {{ $booking->date_time->translatedFormat($settings->time_format) }}
                                                @endif
                                            </span>
                                        </li>
                                        
                                       <li>
                                            <span>
                                                @lang('app.center'):
                                            </span>
                                            <span>
                                                {{optional($booking->location)->name}}<br />
           {{optional($booking->location)->address_line1}},{{optional($booking->location)->address_line2}}<br />
           {{optional($booking->location)->city}},{{optional($booking->location)->post_code}}
                                            </span>
                                        </li>
                                       
                                        
                                    </ul>
                            </div>
                </div>
                <div class="row mt-30">
                    <div class="col-12 text-center">
                        <a href="{{ route('front.index') }}" class="btn btn-custom">
                            <i class="fa fa-home mr-2"></i>
                            @lang('front.navigation.backToHome')</a>
                    </div>
                </div>
            </div>
        </section>
    </section>
@endsection