@extends('Website.Layout.App')

@push('css')
    <link href="{{ asset('assets/css/custom/cart.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/custom/common.css') }}" rel="stylesheet">
@endpush
@section('content')
<div class="jumbotron text-center bg-body-tertiary">
    <div class="container">
        <h1 class="text-body-emphasis">Your Cart</h1>
    </div>
</div>

    <div class="container mt-5">
        
        <div class="row">
            <div class="col-md-9">
                    
                @if(count($cartItems))  

                <div class="cart-heading">
                    <h6 class="text-muted">Services in your cart</h6>
                </div>
                    
                    @foreach($cartItems as $key=>$cart)    
                        <h5 class="service-key-name">{{$key}}</h5>
                        <div class="table-responsive">
                            <table class="table cart-table table-borderd" id="cartTable_{{$key}}">
                                <thead class="text-center">
                                    <th>Sr</th>
                                    <th>Service</th>
                                    <th>Price</th>
                                    <th>Entity</th>
                                    <th>Action</th>
                                </thead>
                                <tbody>
                                    @if(count($cart))
                                        @foreach($cart as $c)
                                            <tr id="tr_{{$c->id}}">
                                                <td class="sr-no">
                                                    {{$loop->iteration}}
                                                </td>
                                                <td class="service-name">
                                                    <a href="">{{$c->service_name}}</a>
                                                </td>
                                                <td class="actual-price f-flex flex-col">
                                                    Rs. {{ $c->service_cost }}
                                                    @if($c->display_cost)
                                                        <s class="text-muted">Rs. {{ $c->display_cost }}</s>
                                                    @endif
                                                </td>
                                                <td class="entity-name">
                                                    <form action="{{ url('cart/'.$c->id) }}" method="post">
                                                        @csrf
                                                        @method('put')
                                                        <div class="input-group">
                                                            <select class="form-control"
                                                                    name="entity_id"
                                                                    required
                                                            >
                                                                @foreach($entity_types as $e)
                                                                    <option value="{{$e->value}}"
                                                                        @if($c->entity_id==$e->value) 
                                                                            selected
                                                                        @endif
                                                                    >
                                                                        {{$e->label}}
                                                                    </option>
                                                                @endforeach    
                                                            </select>
                                                            <button type="submit" class="btn btn-outline-secondary">
                                                                <i class="fas fa-exchange-alt"></i>
                                                            </button>
                                                        </div>
                                                    </form>
                                                </td>
                                                <td class="remove-from-cart">
                                                    <button type="button"
                                                            class="btn btn-sm btn-danger"
                                                            id="remove_from_cart_{{$c->service_id}}"
                                                            onclick="remove_from_cart('{{$c->service_id}}',{'self':null,'self_data':null,'reference':'REMOVE','reference_id':'tr_{{$c->id}}'})"
                                                            >
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    @endforeach

                    <div class="mt-3">
                        @if(!Session::has('user_id'))
                            <a href="{{url('auth/registration')}}" class="register-login-button-1"> Register/Login</a>
                        @endif
                        <a href="{{ url('all-service') }}" class="btn btn-white"><i class="fa fa-arrow-left"></i> Add More Service</a>
                    </div>
                @else
                    <div class="text-center">
                        <h4> No service in your cart. <a href="{{url('all-service')}}" class="register-login-button-2"> View Services</a></h4>
                    </div>
                @endif
            </div>
            <div class="col-md-3 order-summary">
                <div class="card">
                    <div class="card-header">
                        <div class="order-summary-heading">
                            <h5 class="mt-3">Order Summary</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="order-summary-total mt-2">
                            <h6 class="text-muted">Total</h6>