@extends('admin.layouts.app')

@section('title', 'افزودن باربری جدید')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h2><i class="fas fa-plus"></i> افزودن باربری جدید</h2>
        </div>
    </div>

    <form action="{{ route('admin.freight-companies.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        
        <!-- اطلاعات اصلی -->
        <div class="card mb-4">
            <div class="card-header">
                <h5><i class="fas fa-info-circle"></i> اطلاعات اصلی</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">نام موسسه باربری *</label>
                        <input type="text" class="form-control @error('company_name') is-invalid @enderror" name="company_name" value="{{ old('company_name') }}" required>
                        @error('company_name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">شماره تماس *</label>
                        <input type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') }}" maxlength="11" required>
                        @error('phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">نوع *</label>
                        <select class="form-select @error('entity_type') is-invalid @enderror" name="entity_type" id="entityType" onchange="toggleDocuments()" required>
                            <option value="">انتخاب کنید</option>
                            <option value="individual" {{ old('entity_type') == 'individual' ? 'selected' : '' }}>حقیقی</option>
                            <option value="legal" {{ old('entity_type') == 'legal' ? 'selected' : '' }}>حقوقی</option>
                        </select>
                        @error('entity_type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">دسته‌بندی خودرو</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="vehicle_categories[]" value="van" id="van" {{ in_array('van', old('vehicle_categories', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="van">وانت</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="vehicle_categories[]" value="light" id="light" {{ in_array('light', old('vehicle_categories', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="light">بار سبک</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="vehicle_categories[]" value="heavy" id="heavy" {{ in_array('heavy', old('vehicle_categories', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="heavy">بار سنگین</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="vehicle_categories[]" value="mineral" id="mineral" {{ in_array('mineral', old('vehicle_categories', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="mineral">حمل شن، ماسه و مواد معدنی</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- آدرس شعبه اصلی -->
        <div class="card mb-4">
            <div class="card-header">
                <h5><i class="fas fa-map-marker-alt"></i> آدرس شعبه اصلی دفتر باربری</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label">استان</label>
                        <input type="text" class="form-control @error('province') is-invalid @enderror" name="province" value="{{ old('province') }}">
                        @error('province')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">شهر</label>
                        <input type="text" class="form-control @error('city') is-invalid @enderror" name="city" value="{{ old('city') }}">
                        @error('city')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">کد پستی</label>
                        <input type="text" class="form-control @error('postal_code') is-invalid @enderror" name="postal_code" value="{{ old('postal_code') }}" maxlength="10">
                        @error('postal_code')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">تلفن ثابت</label>
                        <input type="text" class="form-control @error('landline') is-invalid @enderror" name="landline" value="{{ old('landline') }}">
                        @error('landline')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-8 mb-3">
                        <label class="form-label">آدرس</label>
                        <textarea class="form-control @error('address') is-invalid @enderror" name="address" rows="3">{{ old('address') }}</textarea>
                        @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="form-label">معرفی شرکت</label>
                        <textarea class="form-control @error('company_description') is-invalid @enderror" name="company_description" rows="4">{{ old('company_description') }}</textarea>
                        @error('company_description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <!-- مدارک حقیقی -->
        <div class="card mb-4" id="individualDocs" style="display: none;">
            <div class="card-header bg-info text-white">
                <h5><i class="fas fa-file-upload"></i> مدارک حقیقی</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">کارت ملی</label>
                        <input type="file" class="form-control @error('national_card') is-invalid @enderror" name="national_card" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('national_card')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">شناسنامه</label>
                        <input type="file" class="form-control @error('birth_certificate') is-invalid @enderror" name="birth_certificate" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('birth_certificate')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">عکس 3×4</label>
                        <input type="file" class="form-control @error('photo_3x4') is-invalid @enderror" name="photo_3x4" accept=".jpg,.jpeg,.png">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG - حداکثر 2MB</small>
                        @error('photo_3x4')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">برگه ثنا</label>
                        <input type="file" class="form-control @error('commendation_letter') is-invalid @enderror" name="commendation_letter" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('commendation_letter')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">مجوز فعالیت</label>
                        <input type="file" class="form-control @error('activity_license') is-invalid @enderror" name="activity_license" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('activity_license')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <!-- مدارک حقوقی -->
        <div class="card mb-4" id="legalDocs" style="display: none;">
            <div class="card-header bg-warning text-dark">
                <h5><i class="fas fa-file-upload"></i> مدارک حقوقی</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">روزنامه رسمی شرکت</label>
                        <input type="file" class="form-control @error('official_newspaper') is-invalid @enderror" name="official_newspaper" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('official_newspaper')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">آخرین تغییرات شرکت</label>
                        <input type="file" class="form-control @error('latest_changes') is-invalid @enderror" name="latest_changes" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('latest_changes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">اساسنامه شرکت</label>
                        <input type="file" class="form-control @error('company_statute') is-invalid @enderror" name="company_statute" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('company_statute')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">کارت ملی مدیرعامل</label>
                        <input type="file" class="form-control @error('ceo_national_card') is-invalid @enderror" name="ceo_national_card" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('ceo_national_card')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">شناسنامه مدیرعامل</label>
                        <input type="file" class="form-control @error('ceo_birth_certificate') is-invalid @enderror" name="ceo_birth_certificate" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('ceo_birth_certificate')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">معرفی نامه رسمی</label>
                        <input type="file" class="form-control @error('official_introduction') is-invalid @enderror" name="official_introduction" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('official_introduction')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">وکالتنامه نماینده</label>
                        <input type="file" class="form-control @error('attorney_letter') is-invalid @enderror" name="attorney_letter" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('attorney_letter')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">مجوز فعالیت معتبر از راهداری</label>
                        <input type="file" class="form-control @error('valid_activity_license') is-invalid @enderror" name="valid_activity_license" accept=".jpg,.jpeg,.png,.pdf">
                        <small class="text-muted">فرمت‌های مجاز: JPG, PNG, PDF - حداکثر 2MB</small>
                        @error('valid_activity_license')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <!-- دکمه‌های عملیات -->
        <div class="card">
            <div class="card-body">
                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> ذخیره باربری
                    </button>
                    <a href="{{ route('admin.freight-companies.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> انصراف
                    </a>
                </div>
            </div>
        </div>
    </form>
</div>

<script>
    function toggleDocuments() {
        const entityType = document.getElementById('entityType').value;
        const individualDocs = document.getElementById('individualDocs');
        const legalDocs = document.getElementById('legalDocs');

        if (entityType === 'individual') {
            individualDocs.style.display = 'block';
            legalDocs.style.display = 'none';
        } else if (entityType === 'legal') {
            individualDocs.style.display = 'none';
            legalDocs.style.display = 'block';
        } else {
            individualDocs.style.display = 'none';
            legalDocs.style.display = 'none';
        }
    }

    // اجرای تابع در هنگام بارگذاری صفحه
    document.addEventListener('DOMContentLoaded', function() {
        toggleDocuments();
    });
</script>
@endsection