@extends('layouts.master')

@section('css')
    <!-- Table css -->
    <link href="{{ URL::asset('plugins/RWD-Table-Patterns/dist/css/rwd-table.min.css') }}" rel="stylesheet" type="text/css" media="screen">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title text-left">Attendance</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0);">Attendance</a></li>


        </ol>
    </div>
@endsection
@section('button')
    <a href="attendance/assign" class="btn btn-primary btn-sm btn-flat"><i class="mdi mdi-plus mr-2"></i>Add New</a>
@endsection

@section('content')
@include('includes.flash')

<div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
    <div class="grid grid-cols-1 md:grid-cols-2">


        <div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
      

            <div class="flex items-center">
          
            <div class="ml-6">
                <div class="mt-2 text-gray-600 dark:text-gray-400 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">
                        ID Number :
                    </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


@section('script')
    <!-- Responsive-table-->
    <script src="{{ URL::asset('plugins/RWD-Table-Patterns/dist/js/rwd-table.min.js') }}"></script>
 
@endsection

@section('script')
    <script>
        $(function() {
            $('.table-responsive').responsiveTable({
                addDisplayAllBtn: 'btn btn-secondary'
            });
        });
    </script>
@endsection
