<?php $__env->startSection('content'); ?>
    <div class="right_col" role="main">
        <div class="">
            <div class="row" style="display: block;">
                <div class="col-md-12 col-sm-12 ">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Driver <small>Create</small></h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li>
                                    <a href="<?php echo e(route('driver.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('driver.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>Name *:</label>
                                        <input type="text" class="form-control" name="name"
                                            value="<?php echo e(old('name')); ?>">
                                        <?php $__errorArgs = ['name'];
$__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>Email *:</label>
                                        <input type="text" class="form-control" name="email"
                                            value="<?php echo e(old('email')); ?>">
                                        <?php $__errorArgs = ['email'];
$__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>Phone *:</label>
                                        <input type="tel" class="form-control" name="phone"
                                            value="<?php echo e(old('phone')); ?>">
                                        <?php $__errorArgs = ['phone'];
$__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>Alternate Number:</label>
                                        <input type="tel" class="form-control" name="alternate_number"
                                            value="<?php echo e(old('alternate_number')); ?>">
                                        <?php $__errorArgs = ['alternate_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>Age *:</label>
                                        <input type="text" class="form-control" name="age"
                                            value="<?php echo e(old('age')); ?>">
                                        <?php $__errorArgs = ['age'];
$__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>Gender *:</label>
                                        <select name="gender" class="form-control">
                                            <option value="">Select Gender</option>
                                            <option value="male" <?php echo e(old('gender') == 'male' ? 'selected' : ''); ?>>Male
                                            </option>
                                            <option value="female" <?php echo e(old('gender') == 'female' ? 'selected' : ''); ?>>Female
                                            </option>
                                            <option value="other" <?php echo e(old('gender') == 'other' ? 'selected' : ''); ?>>Other
                                            </option>
                                        </select>
                                        <?php $__errorArgs = ['gender'];
$__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>Profile Image *:</label>
                                        <input type="file" class="form-control" name="profile_image">
                                        <?php $__errorArgs = ['profile_image'];
$__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 class="col-md-3 col-sm-6 form-group">
                                        <label>Experience:</label>
                                        <input type="text" class="form-control" name="experience"
                                            value="<?php echo e(old('experience')); ?>">
                                        <?php $__errorArgs = ['experience'];
$__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>About:</label>
                                        <textarea class="form-control" name="about"><?php echo e(old('about')); ?></textarea>
                                        <?php $__errorArgs = ['about'];
$__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>
                                <hr>
                                <span class="section">Driver Documents</span>
                                
                                <div class="row">
                                    <div class="col-md-12">
                                        <div id="documents-wrapper">
                                            <!-- initial row (index 0) -->
                                            <div class="row document-row mb-2" data-index="0">
                                                <div class="col-md-3 form-group">
                                                    <label>Document Type *</label>
                                                    <select name="documents[0][type]" class="form-control doc-type">
                                                        <option value="">Select Document Type</option>
                                                        <option value="dl">Driving License</option>
                                                        <option value="aadhar">Aadhar Card</option>
                                                        <option value="pan">PAN Card</option>
                                                        <option value="passport">Passport</option>
                                                    </select>
                                                    <?php $__errorArgs = ['documents.*.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 form-group">
                                                    <label>Document Number *</label>
                                                    <input type="text" name="documents[0][number]" class="form-control"
                                                        placeholder="Document Number">
                                                    <?php $__errorArgs = ['documents.*.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 form-group">
                                                    <label>Document Photo *</label>
                                                    <input type="file" name="documents[0][file]" class="form-control">
                                                    <?php $__errorArgs = ['documents.*.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>
                                        </div>

                                        <button type="button" id="add-document" class="btn btn-primary btn-sm mt-2">+
                                            Add
                                            More</button>
                                    </div>
                                </div>
                                <div class="form-group row mt-3">
                                    <div class="col-md-12 text-right">
                                        <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 = {
            'dl': 'Driving License',
            'aadhar': 'Aadhar Card',
            'pan': 'PAN Card',
            'passport': 'Passport'
        };

        function getAvailableDocTypes() {
            let selectedTypes = [];
            $('select.doc-type').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;
                }
            }
            return available;
        }

        function generateDocRow(idx) {
            let availableDocTypes = getAvailableDocTypes();

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

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

            return `
        <div class="row document-row mb-2" data-index="${idx}">
            <div class="col-md-3 form-group">
                <label>Document Type *</label>
                <select name="documents[${idx}][type]" class="form-control doc-type">
                    ${optionsHtml}
                </select>
            </div>

            <div class="col-md-3 form-group">
                <label>Document Number *</label>
                <input type="text" name="documents[${idx}][number]" class="form-control" placeholder="Document Number">
            </div>

            <div class="col-md-3 form-group">
                <label>Document Photo *</label>
                <input type="file" name="documents[${idx}][file]" class="form-control">
            </div>

            <div class="col-md-1 form-group d-flex align-items-center mt-4">
                <button type="button" class="btn btn-danger btn-sm remove-doc">X</button>
            </div>
        </div>`;
        }

        $('#add-document').click(function() {
            let html = generateDocRow(docIndex);
            if (html) {
                $('#documents-wrapper').append(html);
                docIndex++;
            }
        });

        $(document).on('click', '.remove-doc', function() {
            $(this).closest('.document-row').remove();
        });

        $(document).on('change', '.doc-type', function() {
            let row = $(this).closest('.document-row');
            let type = $(this).val();
            let rowIndex = row.attr('data-index');

            row.find('.expiry-date').remove();

            if (type === 'dl') {
                let expiryHtml = `
                <div class="col-md-2 form-group expiry-date">
                    <label>Expiry Date *</label>
                    <input type="date" name="documents[${rowIndex}][expiry_date]" class="form-control">
                </div>`;
                row.find('.col-md-3.form-group').eq(2).after(expiryHtml);
            }
        });
    </script>
<?php $__env->stopPush(); ?>

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