@extends('vendor.layout.master')
@section('content')
@section('business', 'active')
@section('title', 'Update 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">Update Business</h5>
            <div class="card-body">
                <form action="{{ route('vendor.update.business') }}" method="post" class="row" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{{ $business->id }}">

                    {{-- Vendor ID --}}
                    <div class="form-group col-md-12">
                        <label class="">Vendor</label>
                        <select name="vendor_id" class="form-control">
                            <option value="">Select Vendor</option>
                            @foreach($vendors as $vendor)
                                <option value="{{ $vendor->id }}" {{ $vendor->id == $business->vendor_id ? 'selected' : '' }}>{{ $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" value="{{ $business->business_name }}">
                        <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" value="{{ $business->business_email }}">
                        <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" value="{{ $business->phone_no }}">
                        <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" value="{{ $business->website }}">
                        <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">{{ $business->description }}</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>
                        @if($business->business_image)
                            <img src="{{ asset($business->business_image) }}" width="100" class="mt-2">
                        @endif
                    </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>
                        @if($business->business_logo)
                            <img src="{{ asset($business->business_logo) }}" width="100" class="mt-2">
                        @endif
                    </div>

                    {{-- Business Timings --}}
                    {{-- <div class="form-group col-md-12">
                        <label class="">Business Timings</label>
                        <div id="timingSection">
                            @foreach($business->timings as $timing)
                                <div class="row productdiv">
                                    <div class="col-md-4">
                                        <label>Day</label>
                                        <select name="day[]" class="form-control">
                                            <option value="mon" {{ $timing->day == 'mon' ? 'selected' : '' }}>Monday</option>
                                            <option value="tue" {{ $timing->day == 'tue' ? 'selected' : '' }}>Tuesday</option>
                                            <option value="wed" {{ $timing->day == 'wed' ? 'selected' : '' }}>Wednesday</option>
                                            <option value="thu" {{ $timing->day == 'thu' ? 'selected' : '' }}>Thursday</option>
                                            <option value="fri" {{ $timing->day == 'fri' ? 'selected' : '' }}>Friday</option>
                                            <option value="sat" {{ $timing->day == 'sat' ? 'selected' : '' }}>Saturday</option>
                                            <option value="sun" {{ $timing->day == 'sun' ? 'selected' : '' }}>Sunday</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label>Start Time</label>
                                        <input type="time" name="start_time[]" class="form-control" value="{{ $timing->start_time }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>End Time</label>
                                        <input type="time" name="end_time[]" class="form-control" value="{{ $timing->end_time }}">
                                    </div>
                                </div>
                            @endforeach
                        </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">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('script')
<script>
    $(document).ready(function() {
        $(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