IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>@if(isset($visitor))Edit @else  Add @endif</strong> Visitor</h2>
            </div>
            <div class="body">
                @if(isset($visitor))
                {!! Form::model($visitor, ['method' => 'PATCH', 'action' => ['School\VisitorController@update', $visitor->idVisitor], 'class' => 'form-horizontal']) !!}
                @else
                {!! Form::open(['url' => 'school/visitors', 'class' => 'form-horizontal']) !!}
                @endif
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">Choose the Employee with Whom to Meet</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('employee',[''=>'--Select--']+$employee,null,['class' => 'form-control show-tick ms select2']) !!}
                            @if ($errors->has('employee'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('employee') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Name</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('firstName',null,['class' => 'form-control']) !!}
                            @if ($errors->has('firstName'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('firstName') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Last Name</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('lastName',null,['class' => 'form-control']) !!}
                            @if ($errors->has('lastName'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('lastName') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label">
                        <label for="classname">Email</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::email('email',null,['class' => 'form-control']) !!}
                            @if ($errors->has('pwd'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('email') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">Mobile</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('mobile',null,['class' => 'form-control']) !!}
                            @if ($errors->has('mobile'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('mobile') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Address</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::textarea('address',null,['class' => 'form-control','size'=>'30x2']) !!}
                            @if ($errors->has('address'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('address') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">Purpose</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::textarea('purpose',null,['class' => 'form-control','size'=>'30x2']) !!}
                            @if ($errors->has('purpose'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('purpose') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-6">
                        <div id="my_camera" style="width:320px; height:240px;"></div>
                        <a href="javascript:void(take_snapshot())" class="btn btn-sm btn-success">Take Snapshot</a>
                    </div>
                    <div class="col-sm-6">
                        <input id="mydata" type="hidden" name="visitorImage" value=""/>
                        
                        <div id="my_result"></div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-8 offset-sm-2">
                        @if(isset($visitor))
                        {!! Form::submit('UPDATE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                        @else
                        {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                        @endif
                        {!! Form::close() !!} 
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script language="JavaScript">
    Webcam.set({
        width: 320,
        height: 240,
        crop_width: 240,
        crop_height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90,
        force_flash: false
    });
    Webcam.attach( '#my_camera' );
    
    function take_snapshot() {
        Webcam.snap( function(data_uri) {
            console.log(data_uri);
            document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>';
           // var raw_image_data = data_uri.replace(/^data\:image\/\w+\;base64\,/, '');
    
            document.getElementById('mydata').value = data_uri;
        } );
    }
</script>
@stop