<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-2x">&times;</i>
            </button>
            <h4 class="modal-title" id="myModalLabel"><?php echo lang('add_stylist'); ?></h4>
        </div>
        <?php $attrib = ['data-toggle' => 'validator', 'role' => 'form'];
        echo admin_form_open_multipart('stylists/add', $attrib); ?>
        <div class="modal-body">
            <p><?= lang('enter_info'); ?></p>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <?= lang('first_name', 'first_name'); ?>
                        <?php echo form_input('first_name', '', 'class="form-control tip" id="first_name" data-bv-notempty="true"'); ?>
                    </div>
                    <div class="form-group">
                        <?= lang('last_name', 'last_name'); ?>
                        <?php echo form_input('last_name', '', 'class="form-control tip" id="last_name" data-bv-notempty="true"'); ?>
                    </div>
                    <div class="form-group">
                        <?= lang('image','image'); ?>
                        <input type="file" id="profile_pic" name="profile_pic" accept=".jpg, .jpeg, .png" />
                    </div>
                    <div class="form-group">
                        <?= lang('email_address', 'email_address'); ?>
                        <input type="email" name="email" class="form-control" required="required" id="email_address"/>
                    </div>
                    <div class="form-group">
                        <?= lang('phone', 'phone'); ?>
                        <input type="tel" name="phone" class="form-control" required="required" id="phone"/>
                    </div>
                    <div class="form-group">
                        <?= lang('address', 'address'); ?>
                        <?php echo form_input('address', '', 'class="form-control" id="address" required="required"'); ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group person">
                        <?= lang('friend_name', 'friend_name'); ?>
                        <?php echo form_input('friend_name', '', 'class="form-control tip" id="friend_name"'); ?>
                    </div>
                    
                    <div class="form-group">
                        <?= lang('friend_address', 'friend_address'); ?>
                        <?php echo form_input('friend_address', '', 'class="form-control" id="friend_address"'); ?>
                    </div>
                    <div class="form-group">
                        <?= lang('friend_phone', 'friend_phone'); ?>
                       <input type="tel" name="friend_phone" class="form-control" id="friend_phone"/>
                    </div>
                    <div class="form-group">
                        <?= lang('commission_percentage', 'commission_percentage'); ?>
                        <input type="number" name="commission_percentage" class="form-control" required="required" id="commission_percentage"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <?php echo form_submit('add_stylist', lang('add_stylist'), 'class="btn btn-primary"'); ?>
        </div>
    </div>
    <?php echo form_close(); ?>
</div>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        $('#biller_logo').change(function (event) {
            var biller_logo = $(this).val();
            $('#logo-con').html('<img src="<?=base_url('assets/uploads/logos')?>/' + biller_logo + '" alt="">');
        });
    });
</script>
<?= $modal_js ?>
