@extends('layouts.simple.master')

@section('title', trans(app()->getLocale() . '.edit_company'))

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select2.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/dropzone.min.css') }}">
    <style>
        .company-filter {
            padding: 8px 16px;
            margin-right: 8px;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
            background-color: #f8f9fa;
            color: #666;
            font-weight: 500;
        }
        .company-filter:hover {
            background-color: #e9ecef;
            color: var(--theme-default);
        }
        .company-filter.active {
            background-color: var(--theme-default);
            color: white;
        }
    </style>
@endsection

@section('main_content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6">
                    <h3>{{ trans(app()->getLocale() . '.edit_company') }}</h3>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <svg class="stroke-icon">
                                    <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                                </svg></a></li>
                        <li class="breadcrumb-item">{{ trans(app()->getLocale() . '.companies') }}</li>
                        <li class="breadcrumb-item active">{{ trans(app()->getLocale() . '.edit_company') }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <form class="row g-3 custom-input" id="companyForm" action="{{ route('admin.company.update', $company->id) }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <!-- Tabs Navigation -->
                            <div class="card-header common-space">
                                <div class="common-f-start">
                                    <span class="company-filter active" onclick="showTab('profile')">
                                        <i class="fa-solid fa-building me-1"></i> {{ trans(app()->getLocale() . '.profile') }}
                                    </span>
                                    <span class="company-filter" onclick="showTab('owner')">
                                        <i class="fa-solid fa-user me-1"></i> {{ trans(app()->getLocale() . '.owner') }} {{ trans(app()->getLocale() . '.account') }}
                                    </span>
                                    <span class="company-filter" onclick="showTab('ask')">
                                        <i class="fa-solid fa-dollar-sign me-1"></i> {{ trans(app()->getLocale() . '.ask') }}
                                    </span>
                                </div>
                            </div>

                            <!-- Tabs Content -->
                            <div class="tab-content" id="company-tabContent">
                                <!-- Profile Tab -->
                                <div class="tab-pane fade show active" id="tab-profile" role="tabpanel">
                                    <div class="pt-3">
                                        <div class="form theme-form">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.company_name') }}<span>*</span></label>
                                                        <input class="form-control" type="text" name="company_name" id="company_name"
                                                            value="{{ old('company_name', $company->name) }}" placeholder="{{ trans(app()->getLocale() . '.enter_company_name') }}" required>
                                                        @error('company_name')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.category') }}<span>*</span></label>
                                                        <select class="form-select" name="category_id" id="category_id">
                                                            <option value="" selected disabled hidden>{{ trans(app()->getLocale() . '.select_category') }}</option>
                                                            @foreach ($categories as $id => $name)
                                                                <option value="{{ $id }}"
                                                                    @selected(old('category_id', $company->category_id) == $id)>
                                                                    {{ $name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('category_id')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.city') }}</label>
                                                        <select class="form-select" name="city_id" id="city_id">
                                                            <option value="" selected disabled hidden>{{ trans(app()->getLocale() . '.select_city') }}</option>
                                                            @foreach ($cities as $id => $name)
                                                                <option value="{{ $id }}"
                                                                    @selected(old('city_id', $company->city_id) == $id)>
                                                                    {{ $name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('city_id')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.description') }}</label>
                                                        <textarea class="form-control" id="description" rows="4" name="description" placeholder="{{ trans(app()->getLocale() . '.enter_description') }}">{{ old('description', $company->description) }}</textarea>
                                                        @error('description')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.investment_round') }}</label>
                                                        <input class="form-control" type="text" name="investment_round" id="investment_round"
                                                            value="{{ old('investment_round', $company->investment_round) }}" placeholder="{{ trans(app()->getLocale() . '.enter_investment_round') }}">
                                                        @error('investment_round')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.company_logo') }}</label>
                                                        <input class="form-control" type="file" name="logo" id="logo" accept="image/*">
                                                        @if($company->logo_id && $company->logo)
                                                            <div class="mt-2">
                                                                <img src="{{ $company->logo->getFileUrl() }}" alt="Current Logo" style="max-width: 150px; max-height: 150px;">
                                                                <p class="text-muted small mt-1">{{ trans(app()->getLocale() . '.current_logo') }}</p>
                                                            </div>
                                                        @endif
                                                        @error('logo')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label class="form-check-label">{{ trans(app()->getLocale() . '.flags') }}</label>
                                                        <div class="form-check mt-2">
                                                            <input class="form-check-input" type="checkbox" name="empowering_women" id="empowering_women" value="1" {{ old('empowering_women', $company->empowering_women) ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="empowering_women">
                                                                {{ trans(app()->getLocale() . '.empowering_women') }}
                                                            </label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" name="environmental_friendly" id="environmental_friendly" value="1" {{ old('environmental_friendly', $company->environmental_friendly) ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="environmental_friendly">
                                                                {{ trans(app()->getLocale() . '.environmental_friendly') }}
                                                            </label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" name="invent_selections" id="invent_selections" value="1" {{ old('invent_selections', $company->invent_selections) ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="invent_selections">
                                                                {{ trans(app()->getLocale() . '.invent_selections') }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Owner Account Tab -->
                                <div class="tab-pane fade" id="tab-owner" role="tabpanel">
                                    <div class="pt-3">
                                        <div class="form theme-form">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.name') }}</label>
                                                        <input class="form-control" type="text" name="name" id="name"
                                                            value="{{ old('name', $company->owner->name ?? '') }}" placeholder="{{ trans(app()->getLocale() . '.enter_name') }}">
                                                        @error('name')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.email') }}</label>
                                                        <input class="form-control" type="email" name="email" id="email"
                                                            value="{{ old('email', $company->owner->email ?? '') }}" placeholder="{{ trans(app()->getLocale() . '.enter_email') }}">
                                                        @error('email')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.password') }}</label>
                                                        <input class="form-control" type="password" name="password" id="password"
                                                            placeholder="{{ trans(app()->getLocale() . '.enter_password') }}" autocomplete="off">
                                                        <small class="text-muted">{{ trans(app()->getLocale() . '.leave_blank_to_keep_current_password') }}</small>
                                                        @error('password')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.confirm_password') }}</label>
                                                        <input class="form-control" type="password" name="password_confirmation" id="password_confirmation"
                                                            placeholder="{{ trans(app()->getLocale() . '.enter_confirm_password') }}" autocomplete="off">
                                                        @error('password_confirmation')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div>
                                                        <label>{{ trans(app()->getLocale() . '.phone_number') }}</label>
                                                        <div class="row phone-select">
                                                            <div class="col-2 pe-0">
                                                                <select class="select-2 form-control select-country-code" id="owner_country_code"
                                                                    name="country_code" data-placeholder="">
                                                                    @php
                                                                        $defaultCountryCode = old('country_code', $company->owner->country_code ?? '+20');
                                                                    @endphp
                                                                    <option class="option" value="+20" data-image="{{ asset('assets/images/flags/EG.png') }}" @selected($defaultCountryCode == '+20')>
                                                                        <img src="{{ asset('assets/images/flags/EG.png') }}"
                                                                            style="width:20px;height:14px;margin-right:6px;"
                                                                            alt="EG"> +20
                                                                    </option>
                                                                </select>
                                                            </div>
                                                            <div class="col-9 ps-0">
                                                                <input class="form-control" type="text" name="number" id="owner_number"
                                                                    value="{{ old('number', $company->owner->number ?? '') }}" placeholder="{{ trans(app()->getLocale() . '.enter_phone_number') }}">
                                                                @error('number')
                                                                    <span class="text-danger">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <input type="hidden" name="iso_code" id="owner_iso_code" value="{{ old('iso_code', $company->owner->iso_code ?? 'EG') }}">
                                                        <input type="hidden" name="normalized" id="owner_normalized" value="{{ old('normalized', $company->owner->normalized ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.type') }}</label>
                                                        <select class="form-select" name="type" id="owner_type">
                                                            @foreach ($types as $type)
                                                                <option value="{{ $type }}"
                                                                    @selected(old('type', $company->owner->type ?? '') == $type)>
                                                                    {{ trans(app()->getLocale() . '.' . $type) }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('type')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.avatar') }}</label>
                                                        <input class="form-control" type="file" name="image" id="owner_image" accept="image/*">
                                                        @if($company->owner && $company->owner->image_id && $company->owner->image)
                                                            <div class="mt-2">
                                                                <img src="{{ $company->owner->image->getFileUrl() }}" alt="Current Avatar" style="max-width: 150px; max-height: 150px;">
                                                                <p class="text-muted small mt-1">{{ trans(app()->getLocale() . '.current_logo') }}</p>
                                                            </div>
                                                        @endif
                                                        @error('image')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.bio') }}</label>
                                                        <textarea class="form-control" id="owner_bio" rows="4" name="bio" placeholder="{{ trans(app()->getLocale() . '.bio') }}">{{ old('bio', $company->owner->bio ?? '') }}</textarea>
                                                        @error('bio')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Ask Tab -->
                                <div class="tab-pane fade" id="tab-ask" role="tabpanel">
                                    <div class="pt-3">
                                        <div class="form theme-form">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.use_for_funds') }}</label>
                                                        <textarea class="form-control" id="use_for_funds" rows="4" name="use_for_funds" placeholder="{{ trans(app()->getLocale() . '.enter_use_for_funds') }}">{{ old('use_for_funds', $company->use_for_funds) }}</textarea>
                                                        @error('use_for_funds')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.equity') }}</label>
                                                        <input class="form-control" type="number" name="equity" id="equity"
                                                        step="any" min="0"
                                                            value="{{ old('equity', $company->equity) }}" placeholder="{{ trans(app()->getLocale() . '.enter_equity') }}">
                                                        @error('equity')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.amount') }}</label>
                                                        <input class="form-control" type="number" name="amount" id="amount" step="any" min="0"
                                                            value="{{ old('amount', $company->amount) }}" placeholder="{{ trans(app()->getLocale() . '.enter_amount') }}">
                                                        @error('amount')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label>{{ trans(app()->getLocale() . '.valuation') }}</label>
                                                        <input class="form-control" type="number" name="valuation" id="valuation" step="any" min="0"
                                                            value="{{ old('valuation', $company->valuation) }}" placeholder="{{ trans(app()->getLocale() . '.enter_valuation') }}">
                                                        @error('valuation')
                                                            <span class="text-danger">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- Submit Button -->
                            <div class="row mt-3">
                                <div class="col">
                                    <div>
                                        <button type="submit" class="btn btn-primary">{{ trans(app()->getLocale() . '.save') }}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/bookmark/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/custom-validation/validation.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#category_id, #city_id').select2();

            // Initialize country code select2 for owner account tab
            $('#owner_country_code').select2({
                templateResult: function(option) {
                    if (option.element && option.element.dataset.image) {
                        return $('<span><img src="' + option.element.dataset.image + '" width="20" height="15" /> ' + option.text + '</span>');
                    }
                    return option.text;
                }
            });
        });

        // Tab switching function
        function showTab(tabName) {
            // Hide all tabs
            document.querySelectorAll('.tab-pane').forEach(tab => {
                tab.classList.remove('show', 'active');
            });

            // Remove active class from all filters
            document.querySelectorAll('.company-filter').forEach(filter => {
                filter.classList.remove('active');
            });

            // Show selected tab
            const selectedTab = document.getElementById('tab-' + tabName);
            if (selectedTab) {
                selectedTab.classList.add('show', 'active');
            }

            // Add active class to clicked filter
            event.target.closest('.company-filter').classList.add('active');
        }
    </script>
@endsection