@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('items.index') }}">Items</a>

  <span> > </span>
  <a href="javascript:void(0)">{{$title}}</a>
</div>
<div class="row">
  <div class="col-xxl-6 col-lg-8 col-12 mb-5">
    <div class="card-main">

      <h2 class="iheading-man">{{ __($title) }}</h2>
      @if($action == 'Edit')
      <form class="form-data" id="edit_form" method="POST" action="{{ route('items.update', [$record->id]) }}" enctype="multipart/form-data">
        {{ method_field('PUT') }}
        @else
        <form class="form-data" method="POST" id="add_form" action="{{ route('items.store') }}" enctype="multipart/form-data">
          @endif
          @csrf
          <div class="row">
            <div class="col-md-12 col-12 ">
              <div class="row">
                <div class="col-md-12 col-12 mb-3">
                  <label>Title <small class="red">* </small></label>
                  @if(isset($record))
                  @php $title=$record->title; @endphp
                  @elseif(old('title'))
                  @php $title=old('title'); @endphp
                  @else
                  @php $title=''; @endphp
                  @endif
                  <input type="text" id="title" name="title" value="{{ $title }}" class="form-control @error('title') is-invalid @enderror" placeholder="Enter Title" {{$readonly}}>
                  @error('title')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Unit <small class="red">* </small></label>
                  @if(isset($record))
                  @php $unit_id=$record->unit_id; @endphp
                  @elseif(old('unit_id'))
                  @php $unit_id=old('unit_id'); @endphp
                  @else
                  @php $unit_id=0; @endphp
                  @endif
                  <select class="form-control" id="unit_id" name="unit_id" required>
                    <option value="">Select unit</option>
                    @foreach($units as $unit)
                    <option value="{{ $unit->id }}" {!! ($unit_id==$unit->id) ? 'selected' : '' !!}>{{ $unit->name }}</option>
                    @endforeach
                  </select>
                  @error('unit_id')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>


                <div class="col-md-6 col-12 mb-3">
                  @if(isset($record->active))
                  @php $active = $record->active; @endphp
                  @else
                  @php $active = 1; @endphp
                  @endif
                  <label for="activeToggle" class="control-label"> Active</label>
                  <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" name="active" id="activeToggle"  value=1>
                  </div>
                </div>

                <div class="col-md-12 col-12 mb-3">
                  @if(isset($record->description))
                  @php $description = $record->description; @endphp
                  @else
                  @php $description = ''; @endphp
                  @endif
                  <label for="description" class="control-label"> Description</label>
                  <textarea class="form-control ckeditor" name="description" id="description">{!! $description !!}</textarea>
                </div>

                <div class="col-md-12 col-12 ">
                  <label>Photo <small class="red">* </small></label>
                  @if(isset($record->photo) && $record->photo != '' && ($action=='Edit' || $action=='View'))
                  @php $photo = $record->photo; @endphp
                  @else
                  @php $photo = ''; @endphp
                  @endif
                  <input type="file" id="fileInput" name="photo" class="fileInput form-control @error('photo') is-invalid @enderror" {{$readonly}}>
                  <div class="image-container" id="imageContainer">
                    @if($photo!="")
                    <img src="{{ asset(Storage::url('uploads/items').'/'.$photo) }}" />
                    @endif
                  </div>
                  @error('photo')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>
              </div>
            </div>

            <!-- new-card -->
            <div class="fix-button-main">
              <div class="save-fix">
                <div class="float-end">
                  @if($action!='View')
                  <button type="submit" class="btn save-b me-3" type="button">
                    Save
                  </button>
                  @endif
                  <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('items.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
                </div>
              </div>
            </div>
          </div>
          <div id="addressParts" hidden>
            {{-- --}}
          </div>
        </form>
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>
      $('.fileInput').on('change', function(event) {
      var file = event.target.files[0];
      that = this;
      if (file) {
        var reader = new FileReader();
        reader.onload = function(e) {
          $(that).parent().find('.image-container').html('<img src="' + e.target.result + '" alt="Selected Image">');
        }
        reader.readAsDataURL(file);
      }
    });
</script>
@endpush