@extends('layouts.market')

@section('content')

<h3>Check out</h3>
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

<div class="card-box">
    <div class="card-body">   
        <div class="table-responsive">               	
            <table class="table table-hover table-striped" id="example">
                <thead>
                    <th>Product</th>  <th>Quantity</th>  <th>Unit price</th> <th>Amount</th> <th>Actions</th>
                </thead>

                <tbody>
                    @foreach($carts as $cart)
                    <tr>
                        <td>
                            <img src="{{asset('images/'.$cart->product->image)}}" alt="" style="width: 50px; height: 50px;">
                            <br>
                            {{$cart->product->category->name.' - '.$cart->product->name}} <br>
                        </td>
                        <td>{{ $cart->quantity }}</td>
                        <td>{{ number_format($cart->product->unit_price)}}</td>

                        <td>
                            {{ number_format($cart->quantity * $cart->product->unit_price) }}
                        </td>

                        <td>
                            <form action="{{ route('market_cart.destroy',$cart->id) }}" method="post">
                                @csrf
                                @method('DELETE')
                                <button type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach

                    <tr>
                        <td colspan="3" align="right">Total</td>
                        <td> <span class="h4" >UGX {{ number_format(App\MarketCart::total()) }}</span></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>

            <form action="{{ url('marketorder') }}" method="post">
                @csrf
                <label for="name">What is your name</label>
                <input type="text" name="name" class="form-control" required>

                <label for="phone_number">Phone Number</label>
                <input type="text" name="phone_number" class="form-control" required>

                <label for="district">District</label>
                <select name="district" class="form-control" required>
                    <option value=""></option>
                    @foreach ($uganda_districts as $district)
                        <option value="{{ $district }}">{{ $district }}</option>                        
                    @endforeach
                </select>
                <hr>
                <button type="submit" class="btn btn-dark">Send Order</button>
            </form>

        </div>
    </div>
</div>

 
@endsection