@extends('layouts.master', ['title' => 'Setting Number of Days (Get In Worker)'])

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')
    <div class="page-content-inner">
        <div class="personal-dashboard personal-dashboard-v1">
            <div class="table-wrapper" style="min-height: auto;">
                 <table class="table is-datatable table-is-bordered">
                    <tbody>
                    <tr>
                        <th>Number of days</th>
                        <th class="has-text-centered">Options {{ $numberOfDay->id ?? '' }}</th>
                    </tr>
                    <tr>
                        <td>{{ $numberOfDay->number ?? 0 }} Days</td>
                        <td class="has-text-centered">
                        	<button class="button h-button is-dark-outlined h-modal-trigger" data-modal="demo-right-actions-modal">
	                          <span class="icon">
	                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg>
	                          </span>
                              <span>Edit</span>
                            </button>
                        </td>
                    </tr>
            	</table>
            </div>
        </div>
    </div>

    <div id="demo-right-actions-modal" class="modal h-modal is-small">
      <div class="modal-background h-modal-close"></div>
      <div class="modal-content">
          <div class="modal-card">
            <form action="{{url('number-of-days/insert')}}" method="POST" enctype="multipart/form-data">
              @csrf
              <header class="modal-card-head">
                  <h3>Edit Number of days</h3>
                  <button class="h-modal-close ml-auto" aria-label="close">
                      <i data-feather="x"></i>
                  </button>
              </header>
              <div class="modal-card-body">
                  <div class="inner-content">
                  	<table width="50%" align="center">
                  		<tr>
                  			<td>
                  				<div class="field">
        						          <div class="control">
        						              <input type="number" id="number" name="number" class="input" min="1" value="{{ $numberOfDay->number ?? 0 }}">
        						          </div>
        							    </div>
                  			</td>
                  			<td align="right" width="40" style="vertical-align: middle;">Days</td>
                  		</tr>
                  	</table>
                  </div>
              </div>
              <div class="modal-card-foot is-centered">
                <button class="button h-button is-primary is-raised is-rounded">Edit</button>
              </div>
            </form>
          </div>
      </div>
  </div>
@endsection