@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:;">Locations List</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Locations List</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.auspicious-clash-dates-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="name">Zodiac</label>
                                            <div class="col-md-5 col-sm-12">
                                                <select class="form-control form-selectboxit" name="clash_zodiac" id="clash_zodiac" title="">
                                                    <option value="0">-- All --</option>
                                                </select>
                                            </div>
                                        </div>

                                         <div class="form-group">
                                            <label class="col-md-5 col-sm-12 control-label" for="name">House Direction</label>
                                            <div class="col-md-5 col-sm-12">
                                                <select class="form-control form-selectboxit" name="clash_house_direction" id="clash_house_direction" title="">
                                                    <option value="0">-- All --</option>
                                                </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('clash_zodiac') || request()->has('clash_house_direction'))
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Date</th>
                <th>Renovation</th>
                <th>Move In</th>
                <th>Clash Zodiac</th>
                <th>Clash House Direction</th>
            </tr>
            </thead>
            <tbody>
            @foreach($auspicious_clash_dates as $auspicious_clash_date)
            <tr>
              
                <td>{{ $auspicious_clash_date->date }}</td>
                <td>{{ $auspicious_clash_date->renovation }}</td>
                <td>{{ $auspicious_clash_date->move_in }}</td>
                <td>{{ $auspicious_clash_date->clash_zodiac }}</td>
                <td>{{ $auspicious_clash_date->clash_house_direction }}</td>
               
            </tr>
            @endforeach
            </tbody>
        </table>

        <!-- Pagination Links -->
        <div class="text-center">
            {{ $locations->appends(request()->query())->links() }}
        </div>

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

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