@extends('reservations.layout.master')
@push('css')
    <style>
        .justify-between{
            text-align: center !important;
        }
    </style>
@endpush
@section('content')

    <div class="wrapper">
        <div class="home-wrap profile">
            <div class="container">
                <div class="row">
                    <div class="back-area">
                        <a onclick="history.back()">
                            <img src="{{asset('salon/images/left-arrow.svg')}}" alt="" />
                        </a>
                    </div>
                    <div class="col-xl-12 col-lg-12 col-md-12 col-xs-12">
                        <div class="profile-reservation">
                            <div class="profile-head">
                                <h4>Reservations</h4>
                            </div>
                            <div class="p-tables">
                                <div class="table-slider owl-carousel">
                                    <div class="item">
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>Status</th>
                                                    <th>Date</th>
                                                    <th>Entry time</th>
                                                    <th>exit time</th>
                                                    <th>Crew</th>
                                                    <th>Services</th>
                                                    {{--                                                    <th>Booking Num</th>--}}
                                                    <th>type</th>
                                                    {{--                                                    <th>صوره التوقيع ان وجد</th>--}}
                                                </tr>
                                                </thead>
                                                <tbody>

                                                @if($reservatons->count() > 0)

                                                    @foreach ($reservatons as $reservaton)
                                                        {{--                                                    @dd($reservatons)--}}
                                                        {{--                                                    <tr>--}}
                                                        {{--                                                        <td>--}}
                                                        {{--                                                            <img src="{{asset('salon/images/success.svg')}}" alt="" />--}}
                                                        {{--                                                        </td>--}}
                                                        {{--                                                        <td>--}}
                                                        {{--                                <span--}}
                                                        {{--                                ><img src="images/arrow.svg" alt="" />--}}
                                                        {{--                                  08:00 AM--}}
                                                        {{--                                  <img src="images/clock.svg" alt=""--}}
                                                        {{--                                  /></span>--}}
                                                        {{--                                                        </td>--}}
                                                        {{--                                                        <td>--}}
                                                        {{--                                <span--}}
                                                        {{--                                ><img src="images/arrow.svg" alt="" />--}}
                                                        {{--                                  08:00 AM--}}
                                                        {{--                                  <img src="images/clock.svg" alt=""--}}
                                                        {{--                                  /></span>--}}
                                                        {{--                                                        </td>--}}
                                                        {{--                                                        <td>Sara Ahmed</td>--}}
                                                        {{--                                                        <td>Hair Care</td>--}}
                                                        {{--                                                        <td>5215</td>--}}
                                                        {{--                                                    </tr>--}}
                                                        <tr>
                                                            <td>
                                                                @if ($reservaton->status == 0)
                                                                    <img src="{{asset('salon/images/hld.svg')}}" alt="" />

                                                                @elseif ($reservaton->status == 1)
                                                                    <img src="{{asset('salon/images/success.svg')}}" alt="" />

                                                                @elseif ($reservaton->status == 2)

                                                                    <img src="{{asset('salon/images/hld.svg')}}" alt="" />

                                                                @endif
                                                            </td>
                                                            <td>{{$reservaton->reservation_date}}</td>
                                                            <td>
                                                                    <span><img src="{{asset('salon/images/arrow.svg')}}" alt="" />
                                                                    {{$reservaton->reservation_time}}
                                                                      <img src="{{asset('salon/images/clock.svg')}}" alt=""
                                                                      /></span>
                                                            </td>
                                                            <td>
                                                                                                                                    <span
                                                                ><img src="{{asset('salon/images/arrow.svg')}}" alt="" />
                                                                                {{$end}}
                                                                          <img src="{{asset('salon/images/clock.svg')}}" alt=""
                                                                          /></span>
                                                            </td>
                                                            <td>