@extends('eventManagement.layouts.master')
@section('content')
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">FInd A DJ</h4>
            </li>

        </ul>
        <div class="section-body">

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body ">
                           <form class="bt-form" method="get" action="{{route('eventManagement.getDj')}}">
                                <div class="row">
                                    <div class="form-group col-sm-4">
                                        <label>Date</label>
                                        <input type="date" placeholder="Event Date" name="event_date" required class="form-control" >
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Start Time</label>
                                        <select class="form-control" name="start_time" required >
                                            <option value="" selected disabled>Event Start Time</option>
                                            <option value="00:00">00:00</option>
                                            <option value="00:30">00:30</option>
                                            <option value="01:00">01:00</option>
                                            <option value="01:30">01:30</option>
                                            <option value="02:00">02:00</option>
                                            <option value="02:30">02:30</option>
                                            <option value="03:00">03:00</option>
                                            <option value="03:30">03:30</option>
                                            <option value="04:00">04:30</option>
                                            <option value="05:00">05:00</option>
                                            <option value="05:30">05:30</option>
                                            <option value="06:00">06:00</option>
                                            <option value="06:30">06:30</option>
                                            <option value="07:00">07:00</option>
                                            <option value="07:30">07:30</option>
                                            <option value="08:00">08:00</option>
                                            <option value="08:30">08:30</option>
                                            <option value="09:00">09:00</option>
                                            <option value="09:30">09:30</option>
                                            <option value="10:00">10:00</option>
                                            <option value="10:30">10:30</option>
                                            <option value="11:00">11:00</option>
                                            <option value="11:30">11:30</option>
                                            <option value="12:00">12:00</option>
                                            <option value="12:30">12:30</option>
                                            <option value="13:00">13:00</option>
                                            <option value="13:30">13:30</option>
                                            <option value="14:00">14:00</option>
                                            <option value="14:30">14:30</option>
                                            <option value="15:00">15:00</option>
                                            <option value="15:30">15:30</option>
                                            <option value="16:00">16:00</option>
                                            <option value="16:30">16:30</option>
                                            <option value="17:00">17:00</option>
                                            <option value="17:30">17:30</option>
                                            <option value="18:00">18:00</option>
                                            <option value="18:30">18:30</option>
                                            <option value="19:00">19:00</option>
                                            <option value="19:30">19:30</option>
                                            <option value="20:00">20:00</option>
                                            <option value="20:30">20:30</option>
                                            <option value="21:00">21:00</option>
                                            <option value="21:30">21:30</option>
                                            <option value="22:00">22:00</option>
                                            <option value="22:30">22:30</option>
                                            <option value="23:00">23:00</option>
                                            <option value="23:30">23:30</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Post Code</label>
                                        <input type="number" placeholder="Post Code" name="post_code"  class="form-control"  required>
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Number Of Hours</label>
                                        <input type="number" class="form-control" placeholder="Number of Hours" name="total_hours" required >
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Event Type</label>
                                        <select class="form-control" id="event_type" name="event_type" required >
                                            <option value="" selected disabled>Event Type</option>
                                            <option value="">Choose Event Type</option>
                                            @foreach($event as $event_val)
                                                    <option value="{{$event_val->id}}" >{{$event_val->name}}</option>
                                                @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Buget</label>
                                        <input type="number" class="form-control" placeholder="Budget" name="Budget"  required >
                                    </div>
                                    <div class="form-group col-sm-4">
                                        <label>Music Type</label>
                                        <select class="form-control" id="Music" name="music_id" required >
                                            <option value="" selected disabled>Music Type</option>
                                            @foreach($music as $music_val)
                                                <option value="{{$music_val->id}}" >{{$music_val->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group mt-4 mx-3">
                                        <button class="btn btn-primary form-control"><i class="fas fa-search"></i> Serach DJ</button>
                                    </div>
                                </div>
                           </form> 
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection