@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
<div class="well">
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h3>Create App Authentication</h3>
            </div>
            <div class="pull-right">
                <button class="btn btn-primary btn-sm" onclick="window.history.back();">Back</button>
            </div>
        </div>
    </div>
</div>

@if (count($errors) > 0)
<div class="alert alert-danger">
    <strong>Whoops!</strong> There were some problems with your input.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<form id="createAuthForm" class="form-horizontal addBorderClass" role="form" enctype="multipart/form-data" method="POST" action="{{ route('auths.store') }}">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Mac Id:</label>
                <input type="text" id="macId" class="col-md-4" name="mac_id" placeholder="Mac Id">
                <div class="col-md-3"></div>
            </div>
        </div>

	<div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Vendor Id:</label>
                <input type="text" id="vendorId" class="col-md-4" name="vendor_id" placeholder="Vendor Id">
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Serial Number:</label>
                <input type="text" id="serialNo" class="col-md-4" name="serial_no" placeholder="Serial Number">
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Model:</label>
                <input type="text" class="col-md-4" name="model" placeholder="Model">
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Maker:</label>
                <input type="text" class="col-md-4" name="maker" placeholder="Maker">
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">IMEI Number 1:</label>
                <input type="text" class="col-md-4" name="imei_1" placeholder="IMEI Number 1">
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">IMEI Number 2:</label>
                <input type="text" class="col-md-4" name="imei_2" placeholder="IMEI Number 2">
                <div class="col-md-3"></div>
            </div>
        </div>
        
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-2">Geo Group:</label>
                <select class="col-md-4" name="geo_group">
                    <option value="">Select Geo Group</option>
                    @foreach($geoGroup as $group) 
                        <option value="{{ $group->id }}">{{ $group->name }}</option>
                    @endforeach
                </select>
                <div class="col-md-3"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 text-right">
            <button type="submit" class="btn btn-primary btn-sm">Submit</button>
        </div>
    </div>
</form>

<script src="{{ asset('/js/appauths.js') }}"></script>
@endsection