<?php $__env->startSection('title','Member Create'); ?>
<?php $__env->startPush('style'); ?>
    <link href="<?php echo e(asset('assets/admin/Image-preview/dist/css/bootstrap-imageupload.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/admin/jcropper/css/cropper.min.css')); ?>" rel="stylesheet">
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>

    <div class="page-title">
        <div class="title_left">
            <h3>Add Member</h3>
        </div>

        <div class="title_right">
            <div class="form-group pull-right top_search">
                <a href="<?php echo e(url('admin/client_user')); ?>" class="btn btn-primary">Back</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <?php echo $__env->make('component.error', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <div class="x_panel">
                <div class="x_content">
                    <form id="add_user" name="add_user" role="form" method="POST"
                          action="<?php echo e(route('client_user.store')); ?>" enctype="multipart/form-data">
                        <?php echo e(csrf_field()); ?>

                        <input type="hidden" id="imagebase64" name="imagebase64">
                        <div class="row">
                            <div class="col-md-4 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <div class="imageupload">
                                            <div class="file-tab">

                                                <img id="demo_profile" src="<?php echo e(asset('public/upload/profile.png')); ?>"
                                                     width='100px' height='100px'
                                                     class="demo_profile">

                                                <div id="upload-demo" class="upload-demo-img"></div>


                                                <br>

                                                <label class="btn btn-link btn-file">
                                        <span class="fa fa-upload text-center font-15"><span
                                                    class="set-profile-picture"> &nbsp; Set Profile Picture</span>
                                        </span>
                                                    <!-- The file is stored here. -->
                                                    <input type="file" id="upload" name="image" data-src="">

                                                </label>
                                                <button type="button" class="btn btn-default" id="cancel_img">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-8 col-sm-12 col-xs-12">
                                <div class="row form-group">
                                    <div class="col-md-6">
                                        <label for="f_name">First Name <span class="text-danger">*</span></label>
                                        <input type="text" id="f_name" name="f_name" placeholder=""
                                               class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="last_name">Last Name <span class="text-danger">*</span></label>
                                        <input type="text" id="l_name" name="l_name" class="form-control">
                                    </div>
                                </div>

                                <div class="row form-group">
                                    <div class="col-md-6">
                                        <label for="email">Email <span class="text-danger">*</span></label>
                                        <input type="text" id="email" name="email" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="mobile">Mobile No <span class="text-danger">*</span></label>
                                        <input type="text" id="mobile" name="mobile" class="form-control"
                                               maxlength="10">
                                    </div>
                                </div>

                                <div class="row form-group">
                                    <div class="col-md-9">
                                        <label for="address">Address <span class="text-danger">*</span></label>
                                        <input type="text" id="address" name="address" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label for="zipcode">Zip Code <span class="text-danger">*</span></label>
                                        <input type="text" id="zip_code" name="zip_code" class="form-control"
                                               maxlength="">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-6">
                                        <label for="password">Password <span class="text-danger">*</span></label>
                                        <input type="password" id="password" name="password" class="form-control"
                                               autocomplete="off">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="cnm_password">Confirm Password <span
                                                    class="text-danger">*</span></label>
                                        <input type="password" id="cnm_password" name="cnm_password"
                                               class="form-control" autocomplete="off">
                                    </div>
                                </div>

                                <div class="row form-group">
                                    <div class="col-md-4">
                                        <label for="country">Country <span class="text-danger">*</span></label>
                                        <select class="form-control select-change country-select2 selct2-width-100"
                                                name="country" id="country"
                                                data-url="<?php echo e(route('get.country')); ?>"
                                                data-clear="#city_id,#state"
                                        >
                                            <option value=""> Select Country</option>

                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="state">State <span class="text-danger">*</span></label>
                                        <select id="state" name="state"

                                                data-url="<?php echo e(route('get.state')); ?>"
                                                data-target="#country"
                                                data-clear="#city_id"
                                                class="form-control state-select2 select-change">
                                            <option value=""> Select State</option>


                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="city">City <span class="text-danger">*</span></label>
                                        <select id="city_id" name="city_id"
                                                data-url="<?php echo e(route('get.city')); ?>"
                                                data-target="#state"

                                                class="form-control city-select2">
                                            <option value=""> Select City</option>


                                        </select>
                                    </div>

                                </div>

                                <div class="row form-group">
                                    <div class="col-md-4">
                                        <label for="Role">Role <span class="text-danger">*</span></label>
                                        <select id="role" name="role" required class="form-control select2">
                                            <option value=""> Select Role</option>
                                            <?php $__currentLoopData = $roles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $roal): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($roal->id); ?>"><?php echo e($roal->slug); ?></option>

                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


                                        </select>
                                    </div>

                                </div>
                            </div>

                            <div class="form-group pull-right">
                                <div class="col-md-12 col-sm-6 col-xs-12">
                                    <br>
                                    <a class="btn btn-danger" href="<?php echo e(url('admin/client_user')); ?>">Cancel</a>

                                    <button type="submit" class="btn btn-success" id="upload-result"><i
                                                class="fa fa-save" id="show_loader"></i>&nbsp;Save
                                    </button>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" name="token-value"
           id="token-value"
           value="<?php echo e(csrf_token()); ?>">
    <input type="hidden" name="check_user_email_exits"
           id="check_user_email_exits"
           value="<?php echo e(url('admin/check_user_email_exits')); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startPush('js'); ?>
    <script src="<?php echo e(asset('assets/admin/js/selectjs.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/admin/jcropper/js/cropper.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/team_member/member-validation.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('admin.layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>