<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="{{asset('icon/faviconc.ico')}}" type="image/x-icon"/>

    <title>预约成功-入库预约</title>
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    <style>
        .font{
            margin-top: 15%;
            font-size: 6em;
        }
    </style>
</head>
<body>
    <div class="container-fluid h-100 text-center">
        <div class="text-success h1 font w-100">
            <span class="fa fa-check-circle"></span>
        </div>
        <span class="h2 font-weight-bold">预约成功</span>
        <div class="mt-5">
            @foreach($appointment->cars as $car)
            <div>
                <span class="h4 font-weight-bold">{{$car->license_plate_number}}&nbsp;</span>
                <span class="h4" style="color: RGB(177,39,56);">预约码：</span>
                <span class="h3">
                    <span class="badge badge-pill badge-info">{{$car->appointment_number}}</span>
                </span><br>
                <span class="mt-1">预约时间：{{$appointment->appointment_date}}&nbsp;&nbsp;{{$appointment->period}}</span>
                <span class="ml-4 mt-1">司机：{{$car->driver_name ?? '未知'}}</span>
            </div>
            @endforeach
            <div class="mt-5">
                <div class="mt-5 mb-4 row">
                    <div class="col-6 text-right h5 font-weight-bold"><a href="{{url('store/deliveryAppointment/list')}}">查看预约列表</a></div>
                    <div class="col-6 text-left h5 font-weight-bold"><a href="{{url('store/deliveryAppointment/appointment')}}">继续预约车辆</a></div>
                </div>
                <span class="fa fa-diamond text-primary"></span>&nbsp;请牢记您的预约码，预约码仅预约当天有效！
            </div>
        </div>
    </div>
</body>
</html>
