@extends('layouts.masterDashboard')
@section('content')
    <dov class="row">
        <div class="col-md">
            <div class="card card-user">
                <div class="card-header pt-4" style="align-self: center;justify-content: center;width: 75%;border-bottom: none;">
                    <h3>Upload Menu</h3>
                </div>
                <div class="card-body">
                   
                        <form action="{{ url('vendor/upload_menu') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                           
                            <!-- Client Info -->
                            <div class="row">
                              
                                <div class="form-group col">
                                    <label for="clientId">Client (Name - Code)</label>
                                   
                                    <select class="form-control" name="clientId" required>
                                        <option selected value="" >Select Client</option>
                                        @foreach ($allClients as $k => $value)
                                            <option value={{ $value->clientId }}>{{ $value->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                
                                <div class="form-group col">
                                    <p style="margin-bottom: .55rem;">Upload Menu</p>
                                    <div class="custom-file">
                                        <input type="file" class="custom-file-input"  name="menu_file"   required />
                                        <label class="custom-file-label" for="menu">Menu</label>
                                    </div>
                                </div>
                                </div>
                                
                               <div class="row"> 
                                <div class="form-group col">
                                    <label for="fromtime">Meal 1 From Time</label>
                                    <input class="form-control" name="from_time1" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 1 To Time</label>
                                    <input class="form-control" name="to_time1" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                             
                                <div class="form-group col">
                                    <label for="fromtime">Meal 2 From Time</label>
                                    <input class="form-control" name="from_time2" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 2 To Time</label>
                                    <input class="form-control" name="to_time2" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                              </div>
                              
                              
                              
                              <div class="row"> 
                                <div class="form-group col">
                                    <label for="fromtime">Meal 3 From Time</label>
                                    <input class="form-control" name="from_time3" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 3 To Time</label>
                                    <input class="form-control" name="to_time3" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                              
                                <div class="form-group col">
                                    <label for="fromtime">Meal 4 From Time</label>
                                    <input class="form-control" name="from_time4" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 4 To Time</label>
                                    <input class="form-control" name="to_time4" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                              </div>
                              
                              
                              <div class="row"> 
                                <div class="form-group col">
                                    <label for="fromtime">Meal 5 From Time</label>
                                    <input class="form-control" name="from_time5" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 5 To Time</label>
                                    <input class="form-control" name="to_time5" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                             
                                <div class="form-group col">
                                    <label for="fromtime">Meal 6 From Time</label>
                                    <input class="form-control" name="from_time6" min="" value="" type="time" placeholder="Meal from..">
                                </div>
                                <div class="form-group col">
                                    <label for="totime">Meal 6 To Time</label>
                                    <input class="form-control" name="to_time6" min="" value="" type="time" placeholder="Meal to.." >
                                </div>
                              </div>
                            
                            
                          
                           
                            <!-- Submit -->
                            <div class="row">
                                <div class="update ml-auto mr-auto">
                                   
                                        <button type="submit" class="turquoise">Submit</button>
                                   
                                </div>
                            </div>
                        </form>
                   
                </div>
            </div>
        </div>
    </div>
@endsection