<div class="row">
  <div class="col-md-9">
    <div class="box">
      <div class="box-header with-border">
        <h3 class="box-title"><?php echo trans('customers.form'); ?> <?php echo trans('users.users'); ?></h3>
      </div>
      <div class="box-body">
        <div class="row">
          <div class="col-md-4 form-group <?php echo ($errors->first('first_name')) ? "has-error" : ""; ?>">
            <?php echo Form::label('first_name', Trans("users.first_name")); ?>

            <?php echo Form::text('first_name',null, ['class' => 'form-control', 'placeholder' => Trans("users.first_name"),"required"=>"required"]); ?>

            <?php if($errors->first('first_name')): ?>
              <span class="help-block"><?php echo $errors->first('first_name'); ?></span>
            <?php endif; ?>
          </div>
          <div class="col-md-4 form-group <?php echo ($errors->first('last_name')) ? "has-error" : ""; ?>">
            <?php echo Form::label('last_name', Trans("users.last_name")); ?>

            <?php echo Form::text('last_name',null, ['class' => 'form-control', 'placeholder' => Trans("users.last_name"),"required"=>"required"]); ?>

            <?php if($errors->first('last_name')): ?>
              <span class="help-block"><?php echo $errors->first('last_name'); ?></span>
            <?php endif; ?>
          </div>
          <div class="col-md-4 form-group">
            <?php echo Form::label('sex',Trans("users.sex")); ?>


            <?php echo Form::select('sex',[
                'm' =>  trans('customers.gender.m'),
                'f' =>  trans('customers.gender.f')
            ], null, ['class' => 'form-control select2']); ?>

          </div>
        </div>
        <div class="row">
            <div class="col-md-4 form-group <?php echo ($errors->first('username')) ? "has-error" : ""; ?>">
              <?php echo Form::label('username',Trans("users.username")); ?>

              <?php echo Form::text('username',null, ['class' => 'form-control', 'placeholder' => Trans("users.username"),"required"=>"required"]); ?>

              <?php if($errors->first('username')): ?>
                <span class="help-block"><?php echo $errors->first('username'); ?></span>
              <?php endif; ?>
            </div>
          <div class="col-md-4 form-group <?php echo ($errors->first('password')) ? "has-error" : ""; ?>">
            <?php echo Form::label('password',Trans("users.password")); ?>

            <?php echo Form::password('password', ['class' => 'form-control', 'placeholder' => Trans("users.password"),"required"=>"required"]); ?>

            <?php if($errors->first('password')): ?>
              <span class="help-block"><?php echo $errors->first('password'); ?></span>
            <?php endif; ?>
          </div>
          <div class="col-md-4 form-group <?php echo ($errors->first('tel')) ? "has-error" : ""; ?>">
            <?php echo Form::label('tel',Trans("users.tel")); ?>

            <?php echo Form::text('tel',null, ['class' => 'form-control', 'placeholder' => Trans("users.tel")]); ?>

            <?php if($errors->first('tel')): ?>
              <span class="help-block"><?php echo $errors->first('tel'); ?></span>
            <?php endif; ?>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4 form-group">
            <?php $checked = (isset($user->role_id) ? $user->role_id : 0) ?>
            <?php echo Form::label('Roles',Trans("users.roles")); ?>

            <?php echo Form::select('role_id',$roles,$checked, ['class' => 'select2 form-control']); ?>

          </div>
          <div class="col-md-4 form-group">
            <?php
            $selected = isset($user) ? $user->status : "";
             ?>
            <?php echo Form::label('Status',Trans("users.status")); ?>

            <?php echo Form::select('status', [
              'active' => 'Active',
              'suspended' => 'Suspended',
              "inactive" => 'Inactive'
            ], $selected, ['class' => 'form-control']); ?>

          </div>
        </div>
        <div class="row">
          <div class="col-md-12 form-group">
            <div class="pull-right">
              <button type="submit" name="submit" class="btn btn-primary">
                <?php if(isset($user->id)): ?>
                  <?php echo Trans('dashboard.crud.update'); ?>

                <?php else: ?>
                  <?php echo Trans('dashboard.crud.add'); ?>

                <?php endif; ?>
              </button>
              <button type="reset" name="button" class="btn btn-default"><?php echo Trans('dashboard.crud.reset'); ?></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="box">
      <div class="box-header with-border">
        <h3 class="box-title"><?php echo trans('customers.photo'); ?></h3>
      </div>
      <div class="box-body">
        <?php if(isset($user->id)): ?>
            <img src="<?php echo imgUrl($user->photo); ?>" alt="<?php echo $user->username; ?>" class="img img-thumbnail img-responsive">
            <br><br>
        <?php endif; ?>
        <div class="form-group">
          <?php echo Form::label('photo', Trans('customers.photo')); ?>

          <?php echo Form::file('photo', [
            'class' => "form-control",
          ]); ?>

        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <div id="my_camera"></div>
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <div id="results" class="preview-area"></div>
            </div>
          </div>
        </div>
        <textarea id="image_name" name="image_name" style="display:none;"></textarea>
        <div class="form-group">
          <button type="button" onClick="preview_snapshot()" class="preview_snapshot btn btn-success"><i class="fa fa-play-circle-o"></i> <?php echo Trans("users.take_snapshot"); ?></button>
          <button type="button" onClick="start_webcam()" class="start_webcam btn btn-default"><i class="fa fa-camera"></i> <?php echo Trans("users.start_webcam"); ?></button>
          <button type="button" onClick="closeWebCam()" class="cancel_preview btn btn-danger"><i class="fa fa-stop"></i> Stop</button>
        </div>
      </div>
    </div>
  </div>
</div>
