@extends('admin.layouts.app')

@section('content')
<div class="container-scroller">
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        @include('admin.layouts.nav')
        <div class="main-panel">
            <div class="content-wrapper">
                <div class="row">
                    <div class="col-md-12 grid-margin">
                    <div class="row">
                        <div class="col-12 col-xl-8 mb-xl-0">
                            <h3 class="font-weight-bold">Business Profiles</h3>
                        </div>
                        <div class="col-12 col-xl-4">
                            <div class="justify-content-between d-flex">
                                <div class="flex-md-grow-1 flex-xl-grow-0">
                                    <a href="{{ route('admin.business.index') }}" class="btn btn-outline-danger" type="button">Go Back</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-md-8">
                            <div class="card shadow-sm border-0">
                                <div class="card-header bg-primary text-white py-3">
                                    <h5 class="mb-0 fw-bold"><i class="bi bi-pencil-square me-2"></i>Edit Business Profile</h5>
                                </div>
                                <div class="card-body p-4">
                                    <form action="{{ route('admin.business.update', ['business' => $business->id]) }}" method="POST" enctype="multipart/form-data" id="businessForm">
                                        @csrf
        
                                        <div class="row g-3">
                                            <div class="col-md-12">
                                                <label class="form-label fw-semibold">Logo <span class="text-danger">*</span></label>
                                                <input type="file" name="file" class="form-control @error('logo') is-invalid @enderror">
                                                @error('logo') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
                                            <div class="col-md-12 mt-3">
                                                <label class="form-label fw-semibold">Company Name <span class="text-danger">*</span></label>
                                                <input type="text" name="company_name" class="form-control @error('company_name') is-invalid @enderror" 
                                                    value="{{ old('company_name', $business->company_name) }}" placeholder="ABC Enterprises" required>
                                                @error('company_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">Mobile Number <span class="text-danger">*</span></label>
                                                <input type="tel" name="mobile_number" class="form-control @error('mobile_number') is-invalid @enderror" 
                                                    value="{{ old('mobile_number', $business->mobile_number) }}" placeholder="9876543210" required>
                                                @error('mobile_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">Email Address</label>
                                                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" 
                                                    value="{{ old('email', $business->email) }}" placeholder="name@company.com">
                                                @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-12 mt-3">
                                                <label class="form-label fw-semibold">About your Company <span class="text-danger">*</span></label>
                                                <textarea name="about" class="form-control @error('about') is-invalid @enderror" rows="3" required>{{ old('about', $business->about) }}</textarea>
                                                @error('about') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">State <span class="text-danger">*</span></label>
                                                <select name="state_id" id="state_id" class="text-dark form-control form-select @error('state_id') is-invalid @enderror" required>
                                                    <option value="">Select State</option>
                                                    @foreach($states as $state)
                                                        <option value="{{ $state->id }}" {{ $business->state_id == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">District <span class="text-danger">*</span></label>
                                                <select name="district_id" id="district_id" class="text-dark form-control form-select @error('district_id') is-invalid @enderror" required>
                                                    <option value="">Select District</option>
                                                    @foreach($districts as $district)
                                                        <option value="{{ $district->id }}" {{ $business->district_id == $district->id ? 'selected' : '' }}>{{ $district->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
        
                                            <div class="col-md-12 mt-3">
                                                <label class="form-label fw-semibold">Category <span class="text-danger">*</span></label>
                                                <select name="vendor_category_id" id="category_id" class="text-dark form-control form-select" required>
                                                    @foreach($categories as $cat)
                                                        <option value="{{ $cat->id }}" {{ $business->vendor_category_id == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
        
                                            <div class="col-12 border-top pt-3 mt-3">
                                                <div class="d-flex justify-content-between align-items-center mb-2">
                                                    <label class="form-label fw-semibold mb-0">Business Location</label>
                                                </div>
                                                <div class="row g-2">
                                                    <div class="col-6">
                                                        <input type="text" name="latitude" id="lat" class="form-control" placeholder="Latitude" value="{{ old('latitude', $business->latitude) }}">
                                                    </div>
                                                    <div class="col-6">
                                                        <input type="text" name="longitude" id="lng" class="form-control" placeholder="Longitude" value="{{ old('longitude', $business->longitude) }}">
                                                    </div>
                                                </div>
                                            </div>
    

                                            <div class="col-12 mt-3">
                                                <label class="form-label fw-semibold">Why Us</label>
                                                <textarea name="whyus_content" class="form-control @error('about') is-invalid @enderror" rows="3">{{ old('whyus_content', $business->whyus_content) }}</textarea>
                                                @error('whyus_content') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
                                            
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">WhatsApp Number</label>
                                                <input type="text" name="whatsapp_number" class="form-control" value="{{ old('whatsapp_number', $business->whatsapp_number) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Address</label>
                                                <input type="text" name="address" class="form-control" value="{{ old('address', $business->address) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Call Number</label>
                                                <input type="text" name="call_number" class="form-control" value="{{ old('call_number', $business->call_number) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">GSTIN</label>
                                                <input type="text" name="gstin" class="form-control" value="{{ old('gstin', $business->gstin) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Facebook URL</label>
                                                <input type="url" name="social_fb" class="form-control" value="{{ old('social_fb', $business->social_fb) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Instagram URL</label>
                                                <input type="url" name="social_insta" class="form-control" value="{{ old('social_insta', $business->social_insta) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">LinkedIn URL</label>
                                                <input type="url" name="social_linkedin" class="form-control" value="{{ old('social_linkedin', $business->social_linkedin) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">YouTube URL</label>
                                                <input type="url" name="social_yt" class="form-control" value="{{ old('social_yt', $business->social_yt) }}">
                                            </div>
                                            
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Website URL</label>
                                                <input type="url" name="social_website" class="form-control" value="{{ old('social_website', $business->social_website) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">Android App URL</label>
                                                <input type="url" name="social_android" class="form-control" value="{{ old('social_android', $business->social_android) }}">
                                            </div>

                                            <div class="col-md-6 mt-3">
                                                <label class="form-label small">iOS App URL</label>
                                                <input type="url" name="social_ios" class="form-control" value="{{ old('social_ios', $business->social_ios) }}">
                                            </div>
        
                                            <div class="col-12 mt-4">
                                                <button type="submit" class="btn btn-primary w-100 py-2 fw-bold" id="submitBtn">
                                                    Update Profile
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection