<?php $__env->startSection('content'); ?>
    <div class="right_col" role="main">
        <div class="">
            <div class="clearfix"></div>

            <div class="row" style="display: block;">
                <div class="col-md-12 col-sm-12 ">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Vehicle <small>Create</small></h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li><a href="<?php echo e(route('admin.vehicle.index')); ?>" class="closeBtn"><i class="fa fa-arrow-left"></i> Back</a></li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>

                        <div class="x_content">
                            <form class="form-label-left input_mask" action="<?php echo e(route('admin.vehicle.store')); ?>"
                                method="POST" enctype="multipart/form-data">
                                <?php echo csrf_field(); ?>
                                
                                <span class="section">General Details</span>
                                <div class="row">
                                    
                                    <div class="col-md-3 col-sm-6 form-group">
                                        <label for="transporter_id">Transporter *</label>
                                        <select name="transporter_id" id="transporter_id" class="form-control" required>
                                            <option value="">Select Transporter</option>
                                            <?php $__currentLoopData = $transporters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $transporter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($transporter->id); ?>">
                                                    <?php echo e($transporter->company_name); ?>

                                                </option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                        <?php $__errorArgs = ['transporter_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    
                                    <div class="col-md-3 col-sm-6  form-group ">
                                        <label>Vehicle Type *:</label>
                                        <select name="vehicle_type" class="form-control">
                                            <option value="">Select Vehicle Type</option>
                                            <?php $__currentLoopData = $vehicleTypes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($type->id); ?>"><?php echo e($type->name); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                        <?php $__errorArgs = ['vehicle_type'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    
                                    <div class="col-md-3 col-sm-6  form-group ">
                                        <label>Manufacturer *:</label>
                                        <input type="text" class="form-control" name="make"
                                            value="<?php echo e(old('make')); ?>" placeholder="Make">
                                        <?php $__errorArgs = ['make'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    
                                    <div class="col-md-3 col-sm-6  form-group ">
                                        <label>Model *:</label>
                                        <input type="text" class="form-control" name="model"
                                            value="<?php echo e(old('model')); ?>" placeholder="Model">
                                        <?php $__errorArgs = ['model'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    
                                    <div class="col-md-3 col-sm-6  form-group ">
                                        <label>Manufacturing year *:</label>
                                        <input type="tel" class="form-control" name="manufacturing_year"
                                            value="<?php echo e(old('manufacturing_year')); ?>" placeholder="Manufacturing Year">
                                        <?php $__errorArgs = ['manufacturing_year'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>
                                    
                                    <div class="col-md-3 col-sm-6 form-group">
                                        <label for="vehicle_images">Vehicle Images:</label>
                                        <input type="file" class="form-control" name="vehicle_images"
                                            id="vehicle_images" accept="image/*">
                                        <?php $__errorArgs = ['vehicle_images'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    
                                    <div class="col-md-3 col-sm-6  form-group ">
                                        <label>Status *:</label>
                                        <select name="status" class="form-control">
                                            <option value="active">Active</option>
                                            <option value="inactive">Inactive</option>
                                        </select>
                                        <?php $__errorArgs = ['status'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>
                                </div>

                                
                                <span class="section">Vehicle Documents</span>
                                <div class="row document-row">
                                    <div class="col-md-3 col-sm-6 form-group">
                                        <label>Document Type *:</label>
                                        <select name="documents[0][type]" class="form-control">
                                            <option value="">Select Type</option>
                                            <option value="rc">Registration Certificate</option>
                                            <option value="insurance">Insurance</option>
                                            <option value="pollution">Pollution</option>
                                            <option value="permit">Permit</option>
                                            <option value="other">Other</option>
                                        </select>
                                        <?php $__errorArgs = ['documents.0.type'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    <div class="col-md-3 col-sm-6 form-group">
                                        <label>Document Number:</label>
                                        <input type="text" class="form-control" name="documents[0][number]"
                                            placeholder="Document Number">
                                        <?php $__errorArgs = ['documents.0.number'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    <div class="col-md-3 col-sm-6 form-group">
                                        <label>Document File:</label>
                                        <input type="file" class="form-control" name="documents[0][file]">
                                        <?php $__errorArgs = ['documents.0.file'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>

                                    <div class="col-md-2 col-sm-6 form-group">
                                        <label>Expiry Date:</label>
                                        <input type="date" class="form-control" name="documents[0][expiry_date]">
                                        <?php $__errorArgs = ['documents.0.expiry_date'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                            <label class="text-danger"><?php echo e($message); ?></label>
                                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                    </div>
                                </div>

                                <div id="documentsContainer"></div>

                                
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <button type="button" id="addDocument" class="btn btn-info">+ Add
                                            Document</button>
                                    </div>
                                </div>

                                
                                <div class="form-group row mt-3">
                                    <div class="col-md-9 col-sm-9 offset-md-10">
                                        <button class="btn btn-primary" type="reset">Reset</button>
                                        <button type="submit" class="btn btn-success">Submit</button>
                                    </div>
                                </div>

                            </form>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <script>
        let docIndex = 1;

        let allDocTypes = {
            'rc': 'Registration Certificate',
            'insurance': 'Insurance',
            'pollution': 'Pollution',
            'permit': 'Permit',
            'other': 'Other'
        };

        function updateAllDocTypeOptions() {
            let selectedTypes = [];
            $('select[name^="documents"]').each(function() {
                let val = $(this).val();
                if (val) selectedTypes.push(val);
            });

            $('select[name^="documents"]').each(function() {
                let currentVal = $(this).val();
                let optionsHtml = '<option value="">Select Type</option>';

                for (const [key, value] of Object.entries(allDocTypes)) {
                    if (!selectedTypes.includes(key) || key === currentVal) {
                        optionsHtml +=
                            `<option value="${key}" ${key === currentVal ? 'selected' : ''}>${value}</option>`;
                    }
                }
                $(this).html(optionsHtml);
            });
        }

        function generateDocRow(idx) {
            let selectedTypes = [];
            $('select[name^="documents"]').each(function() {
                let val = $(this).val();
                if (val) selectedTypes.push(val);
            });

            let available = {};
            for (const [key, value] of Object.entries(allDocTypes)) {
                if (!selectedTypes.includes(key)) available[key] = value;
            }

            if (Object.keys(available).length === 0) {
                Swal.fire('Info', 'All document types already selected!', 'info');
                return '';
            }

            let optionsHtml = '<option value="">Select Type</option>';
            for (const [key, value] of Object.entries(available)) {
                optionsHtml += `<option value="${key}">${value}</option>`;
            }

            return `
            <div class="row document-row mt-2" data-index="${idx}">
                <div class="col-md-3 col-sm-6 form-group">
                    <label>Document Type *:</label>
                    <select name="documents[${idx}][type]" class="form-control">
                        ${optionsHtml}
                    </select>
                </div>
                <div class="col-md-3 col-sm-6 form-group">
                    <label>Document Number:</label>
                    <input type="text" class="form-control" name="documents[${idx}][number]" placeholder="Document Number">
                </div>
                <div class="col-md-3 col-sm-6 form-group">
                    <label>Document File:</label>
                    <input type="file" class="form-control" name="documents[${idx}][file]">
                </div>
                <div class="col-md-2 col-sm-6 form-group">
                    <label>Expiry Date:</label>
                    <input type="date" class="form-control" name="documents[${idx}][expiry_date]">
                </div>
                <div class="col-md-1 col-sm-6 form-group d-flex align-items-end">
                    <button type="button" class="btn btn-danger removeDocument">x</button>
                </div>
            </div>`;
        }

        $('#addDocument').click(function() {
            let html = generateDocRow(docIndex);
            if (html) {
                $('#documentsContainer').append(html);
                docIndex++;
                updateAllDocTypeOptions();
            }
        });

        $(document).on('change', 'select[name^="documents"]', function() {
            updateAllDocTypeOptions();
        });

        $(document).on('click', '.removeDocument', function() {
            $(this).closest('.document-row').remove();
            updateAllDocTypeOptions();
        });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layout.master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/dashboard.orbiwheels.com/resources/views/admin/vehicle/create.blade.php ENDPATH**/ ?>