<?php $__env->startSection('css'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('assets/web/css/lib/toastr.css')); ?>" />
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <div class="side-title">
        <h3><?php echo e($head ?? ''); ?></h3>
    </div>

    <div class="border-item">
        <form class="form-row add_member_form" method="post" action="<?php echo e($action); ?>">
            <?php if($member ?? ''  && $member->id): ?>
                <?php echo method_field('PUT'); ?>
            <?php endif; ?>
            <?php echo csrf_field(); ?>

            <div class="form-group col-lg-2">
                <label><?php echo e(__('members.member_type')); ?> </label>
                <select name="role" class="form-control <?php echo e($errors->has('member_type') ? 'is-invalid' : ''); ?>">
                    <option value=""><?php echo e(__('members.member_type')); ?></option>
                    <option <?php echo e(($member->role ?? null) == 'user' ? 'selected' : ''); ?>  value="user"><?php echo e(__('members.user')); ?></option>
                    <option <?php echo e(($member->role ?? null) == 'provider' ? 'selected' : ''); ?> value="provider"><?php echo e(__('members.provider')); ?></option>
                </select>
            </div>








            <div class="form-group col-lg-4">
                <label><?php echo e(meta('name', getCurrentLocale()) ?? __('members.name')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('name') ? 'is-invalid' : ''); ?>" name="name" placeholder="<?php echo e(meta('name', getCurrentLocale()) ??__('members.name')); ?>" value='<?php echo e(old("name", $member->name ?? "")); ?>'/>
            </div>
            <div class="form-group col-lg-3">
                <label><?php echo e(meta('email', getCurrentLocale()) ?? __('members.email')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('email') ? 'is-invalid' : ''); ?>" name="email" placeholder="<?php echo e(meta('email', getCurrentLocale()) ?? __('members.email')); ?>" value='<?php echo e(old("email", $member->email ?? "")); ?>' <?php echo e(($member->email ?? null)); ?>/>
            </div>
            <div class="form-group col-lg-3">
                <label><?php echo e(meta('phone', getCurrentLocale()) ?? __('members.phone')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('phone') ? 'is-invalid' : ''); ?>" name="phone" placeholder="<?php echo e(meta('phone', getCurrentLocale()) ?? __('members.phone')); ?>" value='<?php echo e(old("phone", $member->phone ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-4 show_in_provider d-none">
                <label><?php echo e(meta('region_id', $local) ?? __('halls.region_id')); ?> </label>
                <select name="region_id" class="form-control">
                    <option value=""><?php echo e(meta('region_id', $local) ?? __('halls.region_id')); ?></option>
                    <?php if(count($regions)): ?>
                        <?php $__currentLoopData = $regions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $region): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option <?php echo e(($member->region_id ?? null) == $region->id ? 'selected': ''); ?> value="<?php echo e($region->id); ?>"><?php echo e($region->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php endif; ?>
                </select>
            </div>
            <div class="form-group col-lg-4 show_in_provider d-none">
                <label><?php echo e(meta('city_id', $local) ?? __('halls.city_id')); ?> </label>
                <select name="city_id" class="form-control">
                    <option value=""><?php echo e(meta('city_id', $local) ?? __('halls.city_id')); ?></option>
                    <?php if(count($cities)): ?>
                        <?php $__currentLoopData = $cities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $city): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option <?php echo e(($member->city_id ?? null) == $city->id ? 'selected': ''); ?> value="<?php echo e($city->id); ?>"><?php echo e($city->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php endif; ?>
                </select>
            </div>
            <div class="form-group col-lg-4 show_in_provider d-none">
                <label><?php echo e(meta('sector_id', $local) ?? __('halls.sector_id')); ?> </label>
                <select name="sector_id" class="form-control">
                    <option value=""><?php echo e(meta('sector_id', $local) ?? __('halls.sector_id')); ?></option>
                    <?php if(count($sectors)): ?>
                        <?php $__currentLoopData = $sectors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sector): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option <?php echo e(($member->sector_id ?? null) == $sector->id ? 'selected': ''); ?> value="<?php echo e($sector->id); ?>"><?php echo e($sector->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php endif; ?>
                </select>
            </div>

            <div class="form-group col-lg-12 show_in_provider d-none">
                <label><?php echo e(meta('street', getCurrentLocale()) ?? __('members.street')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('street') ? 'is-invalid' : ''); ?>" name="street" placeholder="<?php echo e(meta('street', getCurrentLocale()) ?? __('members.street')); ?>" value='<?php echo e(old("street", $member->street ?? "")); ?>'/>
            </div>
            <?php if(($member ?? null)  && $member->id && $member->role == 'provider'): ?>
                <div class="form-group col-lg-3 show_in_provider d-none">
                    <label><?php echo e(meta('iban', getCurrentLocale()) ?? __('members.iban')); ?> </label>
                    <input class="form-control bg-white" readonly value='<?php echo e(($member->bank_acc_info['iban'] ?? "")); ?>'/>
                </div>
                <div class="form-group col-lg-3 show_in_provider d-none">
                    <label><?php echo e(meta('acc_no', getCurrentLocale()) ?? __('members.acc_no')); ?> </label>
                    <input class="form-control bg-white" readonly value='<?php echo e(($member->bank_acc_info['acc_no'] ?? "")); ?>'/>
                </div>
                <div class="form-group col-lg-3 show_in_provider d-none">
                    <label><?php echo e(meta('bank_name', getCurrentLocale()) ?? __('members.bank_name')); ?> </label>
                    <input class="form-control bg-white" readonly value='<?php echo e(($member->bank_acc_info['bank_name'] ?? "")); ?>'/>
                </div>
                <div class="form-group col-lg-3 show_in_provider d-none">
                    <label><?php echo e(meta('client_name', getCurrentLocale()) ?? __('members.client_name')); ?> </label>
                    <input class="form-control bg-white" readonly value='<?php echo e(($member->bank_acc_info['client_name'] ?? "")); ?>'/>
                </div>
            <?php endif; ?>
            <div class="form-group col-lg-6">
                <label><?php echo e(meta('password', getCurrentLocale()) ?? __('members.password')); ?> </label>
                <input type="password" class="form-control <?php echo e($errors->has('password') ? 'is-invalid' : ''); ?>" name="password" placeholder="<?php echo e(meta('password', getCurrentLocale()) ?? __('members.password')); ?>" value='<?php echo e(old("password", "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('password_confirmation', getCurrentLocale()) ?? __('members.password_confirmation')); ?> </label>
                <input type="password" class="form-control <?php echo e($errors->has('password_confirmation') ? 'is-invalid' : ''); ?>" name="password_confirmation" placeholder="<?php echo e(meta('password_confirmation', getCurrentLocale()) ?? __('members.password_confirmation')); ?>" value='<?php echo e(old("password_confirmation", "")); ?>'/>
            </div>

            
            <div class="form-group col-lg-6">
                <label><?php echo e(meta('photo', getCurrentLocale()) ?? __('members.photo')); ?> </label>
                <input id="image_thumbnail" class="image_thumbnail" type="hidden" name="photo" value="<?php echo e(old("photo", $member->photo ?? "")); ?>"/>

                <div class="photos main_photo <?php echo e(old('photo', $member->photo ?? '') ? ' wow fadeInUp' : 'hide'); ?>">
                    <div class="col-lg-12">
                        <div class="items">
                            <div class="img">
                                <a href="#" id="lfm" data-input=".image_thumbnail" data-preview=".image_holder" class="lfm" data-hide=".pick_button">
                                    <img src="<?php echo e(asset(old('photo', $member->photo ?? ''))); ?> "  id="image_holder" class="image_holder"/>
                                </a>
                            </div>
                            <a href="#" class="showHide resetImage close" data-empty=".image_thumbnail" data-hide=".main_photo" data-show=".pick_button"><i class="fas fa-times"></i></a>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>
                <span class="input-group-btn pick_button <?php echo e(old('photo', $member->photo ?? '') ? 'hide' : ''); ?> ">
                <a id="lfm" data-input=".image_thumbnail" data-preview=".image_holder" data-show=".main_photo" data-hide=".pick_button" class="lfm btn btn-primary text-light">
                    <i class="fas fa-camera-retro"></i> Choose
                </a>
            </span>
            </div>
            

            
            <div class="form-group col-lg-6 d-none show_in_provider">
                <label><?php echo e(meta('commercial_file', getCurrentLocale()) ?? __('members.commercial_file')); ?> </label>
                <input id="commercial_file_image_thumbnail" class="commercial_file_image_thumbnail" type="hidden" name="commercial_file" value="<?php echo e(old("commercial_file", $member->commercial_file ?? "")); ?>"/>

                <div class="photos commercial_file_main_photo <?php echo e(old('commercial_file', $member->commercial_file ?? '') ? ' wow fadeInUp' : 'hide'); ?>">
                    <div class="col-lg-12">
                        <div class="items">
                            <div class="img">
                                <a href="#" id="lfm" data-input=".commercial_file_image_thumbnail" data-preview=".commercial_file_image_holder" class="lfm" data-hide=".pick_button">
                                    <img src="<?php echo e(asset(old('commercial_file', $preview ?? ''))); ?> "  id="commercial_file_image_holder" class="commercial_file_image_holder"/>
                                </a>
                            </div>
                            <a href="#" class="showHide resetImage close" data-empty=".commercial_file_image_thumbnail" data-hide=".commercial_file_main_photo" data-show=".commercial_file_pick_button"><i class="fas fa-times"></i></a>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>
                <span class="input-group-btn commercial_file_pick_button <?php echo e(old('commercial_file', $member->commercial_file ?? '') ? 'hide' : ''); ?> ">
                    <a id="lfm" data-input=".commercial_file_image_thumbnail" data-preview=".commercial_file_image_holder" data-show=".commercial_file_main_photo" data-hide=".commercial_file_pick_button" class="lfm btn btn-primary text-light">
                        <i class="fas fa-camera-retro"></i> Choose
                    </a>
                </span>
            </div>
            


            <div class="text-center mt-5 col-12">
                <button class="butn add_member_button"><span><?php echo e(__('dashboard.save')); ?></span></button>
            </div>
        </form>
    </div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <!-- Editor JS files -->
    
    <script src="<?php echo e(asset('/assets/admin/js/lib/tinymce.min.js')); ?>"></script>
    
    
    <script>
        let route_prefix = "<?php echo e(url(config('lfm.prefix'))); ?>",
            url = "<?php echo e(url('/')); ?>/",
            imagePath = "<?php echo e(asset('')); ?>",
            inputName = null,
            currentLanguage = "<?php echo e($local); ?>",
            getCityAndSectorRoute = "<?php echo e(route('members.getCityAndSector')); ?>";
    </script>
    <script src="<?php echo e(asset('assets/admin/js/editor.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/admin/js/lfm.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/web/js/lib/toastr.min.js')); ?>"></script>


    <script>

        let selectOption = $('select[name="role"] option:selected').val();
        if (selectOption === 'user'){
            $('.show_in_provider').addClass('d-none');
        }
        if(selectOption === 'provider') {
            $('.show_in_provider').removeClass('d-none');
        }
        $('select[name="role"]').change(function () {
            if($(this).val() === 'user'){
                $('.show_in_provider').addClass('d-none');
                $('.show_in_provider input').val('');
                $('.show_in_provider select').val('');
            }
            if($(this).val() === 'provider') {
                $('.show_in_provider').removeClass('d-none');
            }
        });

        $('.add_member_button').click(async function (e) {
            e.preventDefault();

            let form = $('.add_member_form'),
                data = new FormData(form[0]),
                url = form.attr('action'),
                method = form.attr('method');

            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method
            });

            if (response.url){
                window.location.href = response.url;
            }

            if (response.errors){
                toasterError(response.errors);
            }
        });

        $('select[name="region_id"], select[name="city_id"]').change(async function (e) {
            e.preventDefault();

            let data = {},
                url = getCityAndSectorRoute,
                method = 'get';

            if($(this).attr('name') === 'region_id'){
                $('select[name="city_id"]').html(`<option value=""><?php echo e(__('halls.city_id')); ?></option>`);
                $('select[name="sector_id"]').html(`<option value=""><?php echo e(__('halls.sector_id')); ?></option>`);

                data.region_id = $(this).val();
            }
            if($(this).attr('name') === 'city_id'){
                $('select[name="sector_id"]').html(`<option value=""><?php echo e(__('halls.sector_id')); ?></option>`);
                data.city_id = $(this).val();
            }

            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method
            });

            if (response.status === 'city'){
                if (response.data.length){
                    for (let i = 0; i < response.data.length; i++){
                        $('select[name="city_id"]').append(`<option value="`+response.data[i].id+`">`+response.data[i].name+`</option>`)
                    }
                }
            }
            if (response.status === 'sector'){
                if (response.data.length){
                    for (let i = 0; i < response.data.length; i++){
                        $('select[name="sector_id"]').append(`<option value="`+response.data[i].id+`">`+response.data[i].name+`</option>`)
                    }
                }
            }

            if (response.errors){
                toasterError(response.errors);
            }


        });


    </script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\meet\resources\views/admin/members/form.blade.php ENDPATH**/ ?>