@extends('vendor.layout.master')
@section('content')
@section('business', 'active')
@section('title', 'Add Business')

<div class="container-xxl flex-grow-1 container-p-y">
    <style>
        .form-control {
            margin-bottom: 2rem !important;
        }

        .form-check {
            margin-bottom: 2rem !important;
        }
    </style>

    <div class="row">
        <div class="card">
            <h5 class="card-header">Add Business</h5>
            <div class="card-body">
                <form action="{{ route('vendor.store.business') }}" method="post" class="row" enctype="multipart/form-data">
                    @csrf

                    {{-- Vendor ID --}}
                    <div class="form-group col-md-12">
                        <label class="">Vendor</label>
                        <select name="vendor_id" class="form-control" required>
                            <option value="">Select Vendor</option>
                            @foreach($vendors as $vendor)
                                <option value="{{ $vendor->id }}">{{ $vendor->user_name }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger">{{ $errors->first('vendor_id') }}</span>
                    </div>

                    {{-- Business Name --}}
                    <div class="form-group col-md-12">
                        <label class="">Business Name</label>
                        <input type="text" name="business_name" class="form-control">
                        <span class="text-danger">{{ $errors->first('business_name') }}</span>
                    </div>

                    {{-- Business Email --}}
                    <div class="form-group col-md-12">
                        <label class="">Business Email</label>
                        <input type="email" name="business_email" class="form-control">
                        <span class="text-danger">{{ $errors->first('business_email') }}</span>
                    </div>

                    {{-- Phone Number --}}
                    <div class="form-group col-md-12">
                        <label class="">Phone No</label>
                        <input type="text" name="phone_no" class="form-control">
                        <span class="text-danger">{{ $errors->first('phone_no') }}</span>
                    </div>

                    {{-- Website --}}
                    <div class="form-group col-md-12">
                        <label class="">Website</label>
                        <input type="url" name="website" class="form-control">
                        <span class="text-danger">{{ $errors->first('website') }}</span>
                    </div>

                    {{-- Business Description --}}
                    <div class="form-group col-md-12">
                        <label class="">Description</label>
                        <textarea name="description" class="form-control" rows="3"></textarea>
                        <span class="text-danger">{{ $errors->first('description') }}</span>
                    </div>

                    {{-- Business Image --}}
                    <div class="form-group col-md-12">
                        <label class="">Business Image</label>
                        <input type="file" name="business_image" class="form-control">
                        <span class="text-danger">{{ $errors->first('business_image') }}</span>
                    </div>

                    {{-- Business Logo --}}
                    <div class="form-group col-md-12">
                        <label class="">Business Logo</label>
                        <input type="file" name="business_logo" class="form-control">
                        <span class="text-danger">{{ $errors->first('business_logo') }}</span>
                    </div>

                    {{-- Business Timings --}}
                    {{-- <div class="form-group col-md-12">
                        <label class="">Business Timings</label>
                        <div id="timingSection">
                            <div class="row productdiv">
                                <div class="col-md-4">
                                    <label>Day</label>
                                    <select name="day[]" class="form-control">
                                        <option value="mon">Monday</option>
                                        <option value="tue">Tuesday</option>
                                        <option value="wed">Wednesday</option>
                                        <option value="thu">Thursday</option>
                                        <option value="fri">Friday</option>
                                        <option value="sat">Saturday</option>
                                        <option value="sun">Sunday</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label>Start Time</label>
                                    <input type="time" name="start_time[]" class="form-control">
                                </div>
                                <div class="col-md-4">
                                    <label>End Time</label>
                                    <input type="time" name="end_time[]" class="form-control">
                                </div>
                            </div>
                        </div>
                        <button type="button" class="btn btn-success mt-2 add-btn">Add More Timings</button>
                    </div> --}}

                    {{-- Submit Button --}}
                    <div class="form-group offset-md-10 col-md-2 col-sm-12">
                        <button class="btn btn-primary" type="submit">Submit</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('script')
<script>
    $(document).ready(function() {
        // Add More Business Timings
        $(document).on('click', '.add-btn', function() {
            if ($('.productdiv').length > 6) {
                alert('Limit Reached! Maximum 7 days allowed.');
            } else {
                var clone = $('.productdiv').first().clone();
                $(clone).find("input").val("").end();
                $('#timingSection').append(clone);
            }
        });
    });
</script>
@endpush