@extends('layout.layout')

@section('content')
<div class="mt-8 bg-white overflow-hidden shadow sm:rounded-lg">
    <div class="grid grid-cols-1 md:grid-cols-2">
        <div class="p-6">
            <div class="flex items-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /></svg>
                <div class="ml-4 text-lg leading-7 font-semibold"><a href="#" class=" text-gray-900">
                Laravel Zkteco <b>( iclock9000-G )</b>
                </a></div>
            </div>
            <br/>
            <div class="ml-12">
                <div class="mt-2 text-gray-600 text-sm">
                    <img src="{{ asset('machine.jpg') }}" style="width: 100%;"/>
                </div>
            </div>
        </div>

        <div class="p-6 border-t border-gray-200 md:border-t-0 md:border-l">
            <a href="{{ route('machine.home') }}" class="btn btn-success" style="float:right">
                Back to home
            </a>

            <div class="flex items-center">
                <br/><br/>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /></svg>
                <div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laracasts.com" class="underline text-gray-900">Add user to device</a></div>
            </div>
            <hr/>
            <div class="ml-12">
                <div class="mt-2 text-gray-600 text-sm">
                  <form action="{{ route('machine.devicesetuser') }}" method="post">
                    @csrf
                  <div class="row">
                    <div class="col-3">
                        UID :
                    </div>
                    <div class="col-9">
                        <input type="text" name="uid" class="form-control" required/>
                    </div>
                    <br/><br/>
                    <div class="col-3">
                        User ID :
                    </div>
                    <div class="col-9">
                        <input type="text" name="userid" class="form-control" required/>
                    </div>
                    <br/><br/>
                    <div class="col-3">
                        Name :
                    </div>
                    <div class="col-9">
                        <input type="text" name="name" class="form-control" required/>
                    </div>
                    <br/><br/>
                    <div class="col-3">
                        Role :
                    </div>
                    <div class="col-9">
                        <input type="text" name="role" class="form-control" required/>
                    </div>
                    <br/><br/>
                    <div class="col-3">
                        Password :
                    </div>
                    <div class="col-9">
                        <input type="text" name="password" class="form-control" />
                    </div>
                    <br/><br/>
                    <div class="col-3">
                        Card No :
                    </div>
                    <div class="col-9">
                        <input type="text" name="cardno" class="form-control" required/>
                    </div>
                    <br/><br/><br/>
                    <div class="col-3"></div>
                    <div class="col-9">
                        <button type="submit" class="btn btn-success" style="width: 100%">Submit</button>
                    </div>
                  </div>
                  </form>
                </div>
            </div>
            
        </div>

    </div>
</div>
@endsection