@extends('layout.index')
@section('title', 'Register Device')
<!-- Dashboard Ecommerce start -->
<style>
    *{
        font-size: 15px;
    }
</style>
@section('content')
    <section>

        <div class="content-body">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12 d-flex">
                            <h2 class="content-header-title float-start mb-0"> Add Register Device</h2>
                        </div>
                    </div>
                </div>
                <!-- <div class="content-header-right text-md-end col-md-5 col-12 d-md-block d-none">
                    <div class="mb-1 breadcrumb-right">
                        <div class="">
                            <ol class="breadcrumb" style="justify-content: flex-end">
                                <li class="breadcrumb-item"><a href="#">Home</a>
                                </li>
                                <li class="breadcrumb-item"><a href="#">Register Device</a>
                                </li>
                                <li class="breadcrumb-item active">                                </li>
                            </ol>
                        </div>
                    </div>
                </div> -->
                <div class="col-md-1">
                    
                </div>
            </div>
        </div>

        @if ($message = Session::get('error'))
            <div class="demo-spacing-0 mb-1">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        {{-- <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> --}}
                        {{ $message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif

		@if ($message = Session::get('success'))
		<div class="demo-spacing-0 mb-1">
			<div class="alert alert-success alert-dismissible fade show" role="alert">
				<div class="alert-body">
					<i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
					{{ $message }}
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">

				</div>
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
		</div>
        @endif

        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="form" action="" method="post">
                                    <input type="hidden" name="form_type" value="edit_reg_device">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="user_id" id="user_id" value="{{ $reg_device['id'] }}">
                                    <input type="hidden" name="device_id" id="device_id" value="{{$reg_device['device_id'] }}">


                                    <div class="row">

                                        <div class="col-sm-12">
                                            <div class="row">
                                                <h4 class="m-1">Credential:</h4>
                                          
												<div class="col-sm-6 col-md-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-2">
                                                                <h6>Device Id: </h6>
                                                            </div>
															<div class="col-sm-4">
																<h6>{{ $reg_device['device_id'] }}</h6>
															 </div>
                                                        </div>
                                                    </div>
                                                </div>
												<div class="col-sm-6 col-md-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-2">
                                                                <h6>User Name: </h6>
                                                            </div>
															<div class="col-sm-4">
																<h6>{{ $reg_device['firstname'] }} {{ $reg_device['lastname']  }}</h6>
															 </div>
                                                        </div>
                                                    </div>
                                                </div>
                                             
                                                <div class="col-sm-6 col-md-12 ">
                                                    <div class="form-group ">
													<div class="row">
														<div class="col-sm-2"> <h6>Mapped Name :</h6></div>
														<div class="col-sm-4 float-right" > 
														  <select name="fe_name" id="fe_name" class="form-control form-select select2">
															  <option value="">Select Mapped Name</option>
															  															  
														  </select>
														  <h5><small class="text-danger" id="fe_name_err"></small></h5>
														  @error('fe_name')
														  <span class="text-danger">{{ $message }}</span>
													  @enderror
													  </div>
													</div>
                                                      
                                                    </div>
                                                </div>
                                                
                                                
                                            </div>
                                        </div>

                                        <div class="col-12 text-center mt-1">
                                            <button type="submit" class="btn btn-primary mr-1" onclick="return validate_device()" >Submit</button>
                                            <a href="{{ url('/device_register') }}" type="reset"
                                                class="btn btn-outline-secondary">Cancel</a>
                                        </div>                                  
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>
    <script type="text/javascript"> 

           function validate_device() {  

          if ($('#fe_name').val() == ""){
              $('#fe_name').parent().addClass('has-error');
              $('#fe_name_err').html('Please Select Field Executive Name.');
              $('#fe_name').focus();
              $('#fe_name').click(function () {
              $('#fe_name').parent().removeClass('has-error');
              $('#fe_name_err').html('');
              });
              return false;
          }
      
     
    
  }
	
</script>

@endsection