@extends( 'emails.master' )

@section( 'title-content' )
    Your booking has been successfully submitted.
@stop

@section( 'header-content' )
    <p style="width: 75%; margin: 0 auto;">Dear {{$name}},</p>
@stop

@section( 'master-content' )

    <div style="width: 75%;margin:0 auto;">
        <div style="float:left; width: 50%;;">
            <h2 style="padding-left: 20px;">Trip Information</h2>
            <hr>
            <ul style="list-style: none;
      padding: 0;
      padding-left: 20px;" >
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;" >Trip Name:</strong>{{$itineraryName}}</li>
                <li style="line-height: 2; font-size:14px;"><strong style="margin-right: 5px;" >Duration:</strong>{{$duration}} Days</li>
                <li style="line-height: 2; font-size:14px;"><strong style="margin-right: 5px;" >Start Date:</strong>{{$startDate}}</li>
                <li style="line-height: 2; font-size:14px;"><strong style="margin-right: 5px;" >End Date:</strong>{{$endDate}}</li>
                <li style="line-height: 2; font-size:14px;"><strong style="margin-right: 5px;" >Price:</strong>{{$price}} </li>
            </ul>
        </div>

        <div style="float: right;width: 50%">
            <h2 style="padding-left: 20px;">Booking Information</h2>
            <hr>
            <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Number of Travellers:</strong><strong style="margin-left: 15px;margin-right: 5px;">Adult:</strong>{{$noOfAdults}} <strong style="margin-left: 15px;margin-right: 5px;">Children:</strong>{{$noOfChildren ?: '--'}}</li>
            <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Arrival Date:</strong>{{$arrivalDate}}</li>
            <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Departure Date:</strong>{{$departureDate}}
            </li>
            </ul>
        </div>

        <div style="float: right;width: 50%">
            <h2 style="padding-left: 20px;">Personal Information</h2>
            <hr>
            <ul style="list-style: none;
      padding: 0;
      padding-left: 20px">
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Full Name:</strong>{{$name}}</li>
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Email:</strong>{{$email}}</li>
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Contact Number:</strong>{{$phone ?: '--'}}</li>
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Nationality:</strong>{{$country}}</li>
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Address:</strong>{{$address ?: '--'}}</li>
                <li style="line-height: 2;
      font-size:14px;"><strong style="margin-right: 5px;">Message:</strong>{{$messages ?: '--'}}</li>
            </ul>
        </div>
    </div>

@stop