@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col">
                <form method="GET">
                    <div class="form-group">
                        <select name="date">
                            @foreach($dates as $date)
                                <option value="{{ $date }}" {{ $queriedDate == $date ? 'selected="selected"' : '' }}>{{ $date }}</option>
                            @endforeach
                        </select>
                        <button class="btn btn-success">Query</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>名稱</th>
                        <th>整體運勢</th>
                        <th>整理運勢說明</th>
                        <th>愛情運勢</th>
                        <th>愛情運勢說明</th>
                        <th>事業運勢</th>
                        <th>事業運勢說明</th>
                        <th>財運運勢</th>
                        <th>財運運勢說明</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($constellations as $constellation)
                        <tr>
                            <td>{{ $constellation->name }}</td>
                            <td>{{ $constellation->all }}</td>
                            <td>{{ $constellation->all_desc }}</td>
                            <td>{{ $constellation->love }}</td>
                            <td>{{ $constellation->love_desc }}</td>
                            <td>{{ $constellation->career }}</td>
                            <td>{{ $constellation->career_desc }}</td>
                            <td>{{ $constellation->income }}</td>
                            <td>{{ $constellation->income_desc }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection