@extends('layouts.master')
@section('style')
    <style>
        /* CSS for responsiveness */
        @media (max-width: 767px) { /* Adjust this breakpoint as needed */
            .table-responsive {
                overflow-x: auto;
            }
            .table-responsive .table {
                margin-bottom: 0; /* Adjust margin as needed */
            }
        }
        .new{
            float: inline-end;
        }
    </style>    
@endsection
@section('admincontent')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Employee Register Edit</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
            <li class="breadcrumb-item active">Employee Register Edit</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->
  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">

      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="card">
            <div class="card-header">
              {{-- <h3 class="card-title">
                <i class="fas fa-chart-pie mr-1"></i>
                Sales
              </h3> --}}
              <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                  <li class="nav-item">
                    {{-- <a class="nav-link" href="#revenue-chart" data-toggle="tab">Create</a> --}}
                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                  </li>
                  {{-- <li class="nav-item">
                    <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
                  </li> --}}
                </ul>
              </div>
            </div><!-- /.card-header -->
            <div class="card-body">
                <form action="{{ route('employee/update') }}" method="post">
                    @csrf
                    @foreach ($users as $user)
                    <div class="row">
                        <div class="col-lg-12 d-flex justify-content-center">
                            <div class="row w-50">
                                <div class="col-lg-12">
                                  <input type="hidden" name="id" value="{{ $user->id }}" readonly/>
                                    <label class="" for="">User Name</label>
                                    <input type="text" name="username" class="form-control @error('username') is-invalid @enderror" value="{{ $user->username }}">
                                    {{-- <span class="text-danger error-text username_error"></span> --}}
                                    @error('username')
                                      <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
        
                                <div class="col-lg-12">
                                    <label for="">Email</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $user->email }}">
                                    {{-- <span class="text-danger error-text email_error"></span> --}}
                                    @error('email')
                                      <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-12">
                                    <label for="">Phone Number</label>
                                    <input type="text" class="form-control @error('phoneno') is-invalid @enderror" name="phoneno" value="{{ $user->phoneno }}">
                                    {{-- <span class="text-danger error-text phoneno_error"></span> --}}
                                    @error('phoneno')
                                      <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div> 
                    @endforeach 
                    <div class="row pt-3">
                        <div class="col-lg-12 d-flex justify-content-center">
                            <div class="row w-50">                  
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-primary w-100">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div><!-- /.card-body -->
          </div>
          <!-- /.card -->
        </section>
        <!-- right col -->
      </div>
      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
    
@endsection