@extends('layouts.app')

@section('pageTitle', 'Home')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li class="active"><a href="javascript:;">Property Auspicious Stars</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Property Auspicious Stars</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        <ul class="nav nav-tabs">
            
                         @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                           
                        </ul>
                        <div class="panel-body">
                            <div class="tab-content">
                                <div id="list" class="tab-pane active">
                                    <div class="mb-5">
                                                    </div>
                        <form action="{{ route('feng-shui.property-auspicious-stars-index') }}" class="form-horizontal" method="get" enctype="multipart/form-data" novalidate>
                    <div class="form-group">
                        <label class="col-md-5 col-sm-12 control-label" for="period">Period</label>
                        <div class="col-md-5 col-sm-12">
                            <select class="form-control form-selectboxit" name="period" id="period" title="">
                                <option value="0" {{ request('period') == '0' ? 'selected' : '' }}>-- All --</option>
                                @foreach($periods as $period)
                                    <option value="{{$period->period_no}}" {{ request('period') == $period->period_no ? 'selected' : '' }}>
                                        {{$period->year_from}} - {{$period->year_to}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                
                    <div class="form-group">
                        <label class="col-md-5 col-sm-12 control-label" for="house_direction">House Direction</label>
                        <div class="col-md-5 col-sm-12">
                            <select class="form-control form-selectboxit" name="house_direction" id="house_direction" title="">
                                <option value="0" {{ request('house_direction') == '0' ? 'selected' : '' }}>-- All --</option>
                                @foreach($house_directions as $house_direction)
                                    <option value="{{$house_direction->house_direction}}" {{ request('house_direction') == $house_direction->house_direction ? 'selected' : '' }}>
                                        {{$house_direction->house_direction}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                
                    <div class="form-group">
                        <label class="col-md-5 col-sm-12 control-label" for="door_direction">Door Direction</label>
                        <div class="col-md-5 col-sm-12">
                            <select class="form-control form-selectboxit" name="door_direction" id="door_direction" title="">
                                <option value="0" {{ request('door_direction') == '0' ? 'selected' : '' }}>-- All --</option>
                                @foreach($door_directions as $door_direction)
                                    <option value="{{$door_direction->door_direction}}" {{ request('door_direction') == $door_direction->door_direction ? 'selected' : '' }}>
                                        {{$door_direction->door_direction}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                
                    <div class="form-group">
                        <div class="col-sm-offset-5 col-sm-8">
                            <button type="submit" class="btn btn-primary">Search</button>
                        </div>
                    </div>
                </form>
                                  
   
    @if(request()->has('house_direction') || request()->has('door_direction'))
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Period</th>
                <th>House Direction</th>
                <th>Door Direction</th>
                <th>Nobleman1</th>
                <th>Nobleman2</th>
                <th>Knowledge</th>
                <th>Peach Blossom</th>
                <th>Sky Horse</th>
                <th>Rating</th>
            </tr>
            </thead>
            <tbody>
            @foreach($property_auspicious_stars as $property_auspicious_star)
            <tr>
              
                <td>{{ $property_auspicious_star->year_from }} - {{ $property_auspicious_star->year_to }}</td>
                <td>{{ $property_auspicious_star->house_direction }}</td>
                <td>{{ $property_auspicious_star->door_direction }}</td>
                <td>{{ $property_auspicious_star->nobleman1 }}</td>
                <td>{{ $property_auspicious_star->nobleman2 }}</td>
                <td>{{ $property_auspicious_star->knowledge }}</td>
                <td>{{ $property_auspicious_star->peach_blossom }}</td>
                <td>{{ $property_auspicious_star->sky_horse }}</td>
                <td>{{ $property_auspicious_star->rating }}</td>
               
            </tr>
            @endforeach
            </tbody>
        </table>


    @else
        <p class="text-center">Please enter search criteria to view details.</p>
    @endif

    </div>
    </div>
    </div>
    </div>
    </div>
                         
@endsection