@extends('layouts.app')
@section('page_logo', $data['page']['logo'])

@if(app()->getLocale() == 'se')
  @section('page_title', $data['page']['se_title'])
  @section('page_description', $data['page']['se_description'])
  @php
    $checkout_title = 'Kassa';
    $customerName = 'Namn';
    $customerEmail = 'E-post';
    $customerMobile = 'Mobil';
    $customerStreet = 'Gata';
    $customerStreet2 = 'Gata 2';
    $customerPostCode = 'Postnummer';
    $customerCity = 'Stad';
    $createBtn = 'Skapa bokning';
    $cancelBtn = 'Avbryt';
    @endphp
@else
  @section('page_title', $data['page']['en_title'])
  @section('page_description', $data['page']['en_description'])
    @php
        $checkout_title = 'Checkout';
        $customerName = 'Name';
        $customerEmail = 'Email';
        $customerMobile = 'Mobile';
        $customerStreet = 'Street';
        $customerStreet2 = 'Street 2';
        $customerPostCode = 'Post Code';
        $customerCity = 'City';
        $createBtn = 'Create booking';
        $cancelBtn = 'Cancel';
    @endphp
@endif

@section('content')
<main class="container mb-5">
    <div class="card">
        <div class="card-body">
            <h2 class="card-title text-center mb-4"><b>{{$checkout_title}}</b></h2>

            <form action="{{ route('customer.create', ['id' => $session['id']]) }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <input type="text" class="form-control" id="name" name="name" placeholder="{{$customerName}}" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <input type="email" class="form-control" id="email" name="email" placeholder="{{$customerEmail}}" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <input type="tel" class="form-control" id="mobile" name="mobile" placeholder="{{$customerMobile}}" required>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <input type="text" class="form-control" id="street" name="street" placeholder="{{$customerStreet}}" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <input type="text" class="form-control" id="street2" name="street2" placeholder="{{$customerStreet2}}">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <input type="text" class="form-control" id="postCode" name="postCode" placeholder="{{$customerPostCode}}" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <input type="text" class="form-control" id="city" name="city" placeholder="{{$customerCity}}" required>
                    </div>
                </div>
                
                <div class="text-center mt-4">
                    <button type="button" class="btn btn-danger me-3" onclick="window.location.href = '{{ route('cart.cancel', ['id' => $session['id']]) }}'">{{$cancelBtn}}</button>
                    <button type="submit" class="btn btn-primary" onclick="window.location.href = '{{ route('customer.create', ['id' => $session['id']]) }}'">{{$createBtn}}</button>
                </div>
            </form>
        </div>
    </div>
</main>
@endsection







@section('extra-script')
@endsection