@extends('admin.layout')

@section('style')
  @parent
@endsection

@section('title')
  Images
@endsection

@section('content_title')
  Images
@endsection

@section('main')
  <form action="/admin/images" method="post" enctype="multipart/form-data">
    @csrf

    @error('files')
      <span color="error">
        {{ $message }}
      </span>
    @enderror
    @error('files.*')
      <span color="error">
        {{ $message }}
      </span>
    @enderror
    <input type="file" name="files[]" multiple>

    <input type="submit" value="upload">
  </form>

  <table>
    <thead>
      <th>id</th>
      <th>image</th>
      <th>name</th>
      <th></th>
      <th></th>
    </thead>
    <tbody>
      @foreach($files as $key => $value)
        <tr>
          <td>    
            {{ (int)$key + 1 }}
          </td>
          <td>
            <img src="{{ asset('storage/articles/' . $value) }}" alt="image" width="100px" height="100px">
          </td>
          <td>
            @if(Request::is('admin/images/update') && Request::input('name') == $value)
              @if($errors->has('edited_name'))     
                @error('edited_name')
                  <span class="error">
                    {{ $message }}
                  </span>
                @enderror
                <input name="edited_name" type="text" value="{{ old('edited_name') }}">
              @else
                <input name="edited_name" type="text" value="{{ $value }}">
              @endif
            @else
              {{ $value }}
            @endif
          </td>
          <td>
            @if(Request::is('admin/images/update') && Request::input('name') == $value)
              <form name="update_form" action="/admin/images" method="post">
                @method('put')
                @csrf
                <input type="hidden" name="old_name" value="{{ $value }}">
                <input id="update_btn" type="button" value="update" onclick="update_image()">
              </form>
            @else
              <form action="/admin/images/update">
                <input type="hidden" name="name" value="{{ $value }}">
                <input class="edit_btn" type="submit" value="edit">
              </form>
            @endif
          </td>
          <td>
            <form action="/admin/images" method="post">
              @method('delete')
              @csrf
              <input type="hidden" name="name" value="{{ $value }}">
              <input class="delete_btn" type="submit" value="delete">
            </form>
          </td>
        </tr>
      @endforeach
    </tbody>
  </table>
@endsection

@section('script')
  <script src="{{ asset('js/admin/images.js') }}"></script>
@endsection