{{View::make('layout.header')}}

{{View::make('layout.header')}}





      <!-- BEGIN: Content-->

      <div class="app-content content ">

         <div class="content-overlay"></div>

         <div class="header-navbar-shadow"></div>

         <div class="content-wrapper">

            <div class="content-header row">

               <div class="content-header-left col-md-9 col-12 mb-2">

                  <div class="row breadcrumbs-top">

                     <div class="col-12">

                        <div class="breadcrumb-wrapper">

                        <ol class="breadcrumb">

                              <li class="breadcrumb-item">HR </li>

                              <li class="breadcrumb-item active"><a href="{{route('setupHr')}}">Setup</a></li>

                              <li class="breadcrumb-item active">

                                 <a href="{{route('viewdevices')}}">Devices</a>

                              </li>

                              <li class="breadcrumb-item active">

                                 <a href="{{route('edit-device')}}">Update Devices</a>

                              </li>

                           </ol>

                        </div>

                     </div>

                  </div>

               </div>

            </div>

            <div class="content-body">

               <section id="dashboard-ecommerce">

                  <div class="row match-height">                 

                  <div class="card" style=" width: 100%;"> 

                        <div class="card-header">

                           <div class="d-flex align-items-center">

                              <h4 class="card-title">Update Devices</h4>

                           </div>

                        </div>

                        <form  class="update-device"  id="update-device" method="POST" enctype = "multipart/form-data" >

                         @csrf

                         @foreach($devicedata as $value)@endforeach

                         <div class="card-body">

                           <div class="row">

                              <div class="col-md-6">

                              <div id="errors" class="alert alert-danger"></div>

                              </div>

                           </div>

                    

                           <div class="form-group row">

                              <label for="Schedule" class="col-sm-2 col-form-label">Device Name :</label>

                              <div class="col-sm-3">

                                 <input type="text" class="form-control" name="devicename" id="devicename"

                                    placeholder="Device Name" value="{{$value->devicename ?? '' }}">

                                    @if($errors->has('devicename'))

                                   <span class="text-danger">{{ $errors->first('devicename') }}</span>

                                   @endif

                                   <input type="hidden" name="device_id" value="{{$value->id}}">

                              </div>

                              <label for="Work" class="col-sm-2 col-form-label">Serial No.</label>

                              <div class="col-sm-3">

                                 <input type="text" class="form-control" id="serial_no" placeholder="Serial No." name="serial_no"

                                    value="{{$value->serial_no ?? '' }}"> 

                                    @if($errors->has('serial_no'))

                                   <span class="text-danger">{{ $errors->first('serial_no') }}</span>

                                   @endif

                              </div>

                           

                           </div>

                           <div class="form-group row">

                              <label for="Schedule" class="col-sm-2 col-form-label">Branch:</label>

                              <div class="col-sm-3">
    <select class="form-control" name="branch_id" id="branch_id" required>
        <option value="">Select Branch</option>
        @foreach($branches as $branch)
            <option value="{{ $branch->id }}" {{ $value->location == $branch->id ? 'selected' : '' }}>
                {{ $branch->name }}
            </option>
        @endforeach
    </select>

    @if($errors->has('branch_id'))
        <span class="text-danger">{{ $errors->first('branch_id') }}</span>
    @endif
</div>

                              <label for="Work" class="col-sm-2 col-form-label">Mac Address:</label>

                              <div class="col-sm-3">

                                 <input type="text" class="form-control" id="mac_address" placeholder="Mac Address" name="mac_address"

                                    value="{{ $value->mac_address }}"> 

                                    @if($errors->has('mac_address'))

                                   <span class="text-danger">{{ $errors->first('mac_address') }}</span>

                                   @endif

                              </div>

                           </div>

                           <div class="form-group row">

                              <label for="Schedule" class="col-sm-2 col-form-label">Start Date:</label>

                              <div class="col-sm-3">

                                 <input type="date" class="form-control" name="start_date" id="start_date"

                                 placeholder="DD-MM-YYYY" data-dateformat="dd-mm-yy" value="{{$value->start_date }}">

                                    @if($errors->has('start_date'))

                                   <span class="text-danger">{{ $errors->first('start_date') }}</span>

                                   @endif

                              </div>

                              <label for="Work" class="col-sm-2 col-form-label">Activation:</label>

                              <div class="col-sm-3">

                                 <input type="text" class="form-control" id="Activation" placeholder="activation" name="activation"

                                    value="{{ $value->activation }}"> 

                                    @if($errors->has('activation'))

                                   <span class="text-danger">{{ $errors->first('activation') }}</span>

                                   @endif

                              </div>

                           </div>

                           <div class="form-group row">

                              <label for="Schedule" class="col-sm-2 col-form-label">Remark:</label>

                              <div class="col-sm-3">

                                 <input type="text" class="form-control" name="remark" id="remark"

                                 placeholder="Remark" data-dateformat="dd-mm-yy" value="{{ $value->remark }}">

                                    @if($errors->has('remark'))

                                   <span class="text-danger">{{ $errors->first('remark') }}</span>

                                   @endif

                              </div>



                           </div>

   

                              <div class="col-sm-2">

                                <button class="btn btn-primary" type="submit">submit</button>

                              </div> 

                           <!-- Tab panes -->

                        </div>

                     </div>

                     </form>

                     <div id="errors"></div>

                  





      </div>

      <!-- END: Content-->

      {{View::make('layout.footer')}}

      <script>

         $('.update-device').on('submit',function(e){

          e.preventDefault();

          $.ajax({

          type:'POST',

          url: '{{route('update-device')}}',

          async:false,

          data: $(this).serialize(),

            success: function (response) {

            toastr.success(response.success);

            window.location.href = '{{route('viewdevices')}}';

           

           },

            error: function (response, error) {

               array  =  JSON.parse(response.responseText);  

               $('#errors').html('');

               var message;

               $.each(array.errors, function(key, value) {

                  $('#errors').append(value+',');

                    }); 

      }});

  });

  



   

  </script>



   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

      <link rel="stylesheet" href="{{asset('app-assets/bw/calendar.css')}}" type="text/css" media="screen" title="no title"

         charset="utf-8">

         <script src="{{asset('app-assets/bw/jquery1.min.js')}}"></script>

      <script src="{{asset('pp-asseats/bw/jquery.calendar.min.js')}}"></script>

      <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>