@extends('web.layouts.container')
@section('content')
    <section class="page-heading">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">{{__('main.home')}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{__('reservations.edit')}} </li>
                </ol>
                <h3> {{__('reservations.edit')}}</h3>
            </nav>
        </div>
        <img src="{{asset('assets/web/images/page-heading-1.png')}}" alt="" class="pattern1">
        <img src="{{asset('assets/web/images/page-heading-2.png')}}" alt="" class="pattern2">
        <img src="{{asset('assets/web/images/page-heading-3.png')}}" alt="" class="pattern3">
    </section>
    <!--Start reservation_det -->
    <section class="reservation_det">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 m-auto">
                    <div class="swiper-container single-hall-swiper">
                        <div class="swiper-wrapper">
                            @if(count(json_decode($userReservation['images'])))
                                @foreach(json_decode($userReservation['images']) as $image)
                                    <div class="swiper-slide">
                                        <img src="{{asset($image)}}" alt="" class="hall-img">
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                    <div class="reservation_item">
                        <div class="row">
                            <!-- Resevation details -->
                            <div class="col-md-6">
                                <div class="content">
                                    <h5 class="name mb-3"><b>{{$userReservation->hall_name}}</b></h5>
                                    <span class="data d-block"><b>{{$userReservation->category_name}}</b> <small class="num mr-1 ml-1">#{{$userReservation->re_no}}</small></span>
                                    <p class="data mt-2 "><i class="far fa-calendar-alt"></i> {{date('d-m-Y', strtotime($userReservation->re_date_from))}}</p>
                                    <p class="data"><i class="far fa-user"></i>{{__('halls.capacity')}} <b class="mr-1 ml-1">{{$userReservation->capacity}} {{__('members.persons')}}</b></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="left-data">
                                    @if($userReservation->re_status == 'confirmed') <span class="badge  badge_completed">{{__('reservations.confirmed')}}</span> @endif
                                    @if($userReservation->re_status == 'unconfirmed') <span class="badge  badge_uncertain">{{__('reservations.unconfirmed')}}</span> @endif
                                    @if($userReservation->re_status == 'waiting_for_pay') <span class="badge badge_pinding">{{__('reservations.waiting_for_pay')}}</span> @endif
                                    @if($userReservation->re_status == 'canceled') <span class="badge badge_canceled">{{__('reservations.canceled')}}</span> @endif
                                    @if($userReservation->re_status == 'finished') <span class="badge badge_expired">{{__('reservations.finished')}}</span> @endif
                                    @if($userReservation->re_status == 'reject') <span class="badge badge_canceled">{{__('reservations.reject')}}</span> @endif
                                    <h3 class="price mt-4 dir-l"><b>{{$userReservation->total}}</b> <small>{{__('main.sar')}}</small></h3>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="prof-info">
                                    <img src="{{asset('assets/web/images/avatar.png')}}" alt="" class="prof_img">
                                    <div class="text">
                                        <span class="title">{{__('reservations.provider_name')}}</span>
                                        <h6 class="name mb-0">{{$userReservation->provider_name}}</h6>
                                    </div>
                                </div>
                            </div>
                            @if($userReservation->person_count)
                                <div class="col-md-3">
                                    <div class="prof-info">
                                        <img src="{{asset('assets/web/images/icons/team.svg')}}" alt="" class="prof_img user_icon">
                                        <div class="text">
                                            <span class="title">  {{__('reservations.person_count')}} </span>
                                            <h6 class="name mb-0"> {{$userReservation->person_count}} {{__('members.persons')}}  </h6>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if($userReservation->re_status == 'confirmed')
                                <div class="col-md-3">
                                    <button class="prof-info" data-toggle="modal" data-target="#modal_bill">
                                        <img src="{{asset('assets/web/images/icons/bill.png')}}" alt="" class="prof_img user_icon">
                                        <div class="text">
                                            {{--                                            <span class="title"> {{__('reservations.bill_file')}} </span>--}}
                                            <h6 class="name mb-0"> {{__('reservations.bill_file')}}  </h6>
                                        </div>
                                    </button>
                                </div>
                            @endif



                        <!-- Modal -->
                            <div class="modal fade modal_bill modal_new_bill cont_print" id="modal_bill" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            {{--                                            <h5 class="modal-title" id="exampleModalLongTitle">{{__('reservations.bill_details')}}</h5>--}}
                                            {{--                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
                                            {{--                                                <span aria-hidden="true">&times;</span>--}}
                                            {{--                                            </button>--}}
                                        </div>
                                        <div class="modal-body">

                                            <section class="mail_meet">
                                                {{--Meet services details--}}

                                                <div class="cont">
                                                    <div class="content">
                                                        <div class="logo">
                                                            <img src="{{asset('assets/web/images/logo-footer.svg')}}" alt="">
                                                        </div>
                                                        <div class="top_inf">
                                                            <div class="r_side">
                                                                <h6>{{$userReservation->hall_name}}</h6>
                                                                <p>#{{$userReservation->re_no}}</p>
                                                                <div class="date">
                                                                    <img src="{{asset('assets/web/images/icons/Icon material-date-range.png')}}" alt="">
                                                                    <span>{{date('d M, Y', strtotime($userReservation->re_date_from))}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="l_side">
                                                                <span class="butn">{{__('reservations.'.$userReservation->re_status)}}</span>
                                                                {{--                                                                <div class="price">--}}
                                                                {{--                                                                    <strong>{{$userReservation->total}} </strong> <small>{{__('reservations.sar')}}</small>--}}
                                                                {{--                                                                </div>--}}
                                                            </div>
                                                        </div>
                                                        <div class="user_detials">
                                                            <ul>
                                                                <li>
                                                                    <div class="img">
                                                                        <img src="{{asset('assets/web/images/avatar.png')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.provider_name')}}</p>
                                                                        <h6>{{$userReservation->provider_name}}</h6>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="img">
                                                                        <img class="icon" src="{{asset('assets/web/images/icons/team.svg')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.person_count')}}</p>
                                                                        <h6> {{$userReservation->person_count}} <small>{{__('reservations.person')}}</small></h6>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="img">
                                                                        <img class="icon" src="{{asset('assets/web/images/icons/loc-mouve.svg')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.address')}}</p>
                                                                        <h6>{{$userReservation->street}}</h6>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="img">
                                                                        <img class="icon" src="{{asset('assets/web/images/icons/phone.svg')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.phone')}}</p>
                                                                        <h6>{{$userReservation->provider_phone}}</h6>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="img">
                                                                        <img class="icon" src="{{asset('assets/web/images/icons/user-2.svg')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.person_name_charge')}}</p>
                                                                        <h6>{{$userReservation->provider_name}}</h6>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="img">
                                                                        <img class="icon" src="{{asset('assets/web/images/icons/user-2.svg')}}" alt="">
                                                                    </div>
                                                                    <div class="inf">
                                                                        <p>{{__('reservations.user_name')}}</p>
                                                                        <h6>{{$userReservation->client_name}}</h6>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="mt-5 col-md-12">
                                                    <h3 class="bill_title">{{__('reservations.bill_summary')}}</h3>
                                                    <div class="table-responsive">
                                                        <table class="table bill_table">
                                                            <thead>
                                                            <tr>
                                                                <th scope="col" class="day_back_dark">{!! __('reservations.bill_description') !!}</th>
                                                                <th scope="col" class="day_back_dark">{!! __('reservations.bill_quantity') !!}</th>
                                                                <th scope="col" class="day_back_dark">{!! __('reservations.bill_unit_price') !!}</th>
                                                                <th scope="col" class="day_back_dark"> {!! __('reservations.bill_total') !!} </th>
                                                                <th scope="col" class="day_back_dark"> {!! __('reservations.bill_discount') !!} </th>
                                                                <th scope="col" class="day_back_dark"> {!! __('reservations.bill_net_amount') !!} </th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <!-- -------- day 1 -------- -->
                                                            @if(count($servicesAndAddedServices))
                                                                @foreach($servicesAndAddedServices as $day => $servicesAndAddedService)