@extends('layouts.app')

@section('content')

<div class="row justify-content-center">
    <div class="col">
        <h1 class="mb-0">{{ __('Variables') }}</h1>
        <div class="row">
            <div class="col">
                <div id="progress-bar" class="pb-5"></div>
            </div>
        </div>
        <table class="table table-striped table-responsive-sm feature-table">
            <thead>
                <tr>
                    <th scope="col">{{ __('Name') }}</th>
                    <th scope="col">{{ __('Value') }}</th>
                    <th scope="col">{{ __('Upload file for value') }}</th>
                    <th scope="col">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($features as $item)
                <tr>
                    <td class="td-name" scope="row">
                        <input type="hidden" name="id" value="{{ $item->id }}">
                        @if ($item->status === 1)
                        <strong>{{ $item->name }}</strong>
                        <input type="hidden" value="{{ $item->name }}" name="name" hidden>
                        @else
                        <input type="text" class="form-control" placeholder="{{ __('Name') }}" value="{{ $item->name }}" name="name" maxlength="191">
                        @endif
                    </td>
                    <td scope="row">
                        <input type="text" class="form-control" placeholder="{{ __('Value') }}" value="{{ $item->value }}" name="value" maxlength="1024">
                    </td>
                    <td scope="row">
                        <div class="form-group">
                            <div class="custom-file custom_{{ $item->id }}">
                                <span class="d-block"></span>
                                <label class="upload-label mt-1" for="custom_{{ $item->id }}">
                                    Select <i class="fas fa-upload"></i>
                                </label>
                                <input type="file" class="form-control-file videofile mt-3" id="custom_{{ $item->id }}" name="custom_{{ $item->id }}" hidden>
                                <div class="help-block d-block"><b>{{ __('Format:') }}</b>  jpeg, png, jpg, pdf</div>
                            </div>
                        </div>
                    </td>
                    <td scope="row">
                        <button type="button" class="add-variable btn btn-secondary{{ $item->status === 1 ? ' no-delete' : '' }}">{{ __('Update') }}</button>
                        @if ($item->status === 0)
                        <a href="" class="delete-variable"><span class="icon icon-trash"><i></i></span></a>
                        @endif
                        <div class="help-block red d-none mt-1">{{ __('Both fields are required.') }}</div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div class="form-group feature-form">
            <label for="name" class="form-label">{{ __('New variable') }}</label>
            <div class="row">
                <div class="col">
                    <input id="name" type="text" class="form-control" placeholder="{{ __('Name') }}" name="name" maxlength="191">
                </div>
                <div class="col">
                    <input id="value" type="text" class="form-control" placeholder="{{ __('Value') }}" name="value" maxlength="1024">
                </div>
                <div class="col">
                    <div class="form-group">
                        <div class="custom-file custom">
                            <span class="d-block"></span>
                            <label class="upload-label mt-1" for="custom">
                                Select <i class="fas fa-upload"></i>
                            </label>
                            <input type="file" class="form-control-file videofile mt-3" id="custom" name="custom" hidden>
                            <div class="help-block d-block"><b>{{ __('Format:') }}</b> jpeg, png, jpg, pdf</div>
                        </div>
                    </div>
                </div>
                <div class="col"><button type="button" id="add-variable" class="btn btn-secondary">{{ __('Add') }}</button></div>
            </div>
            <div class="help-block red d-none mt-1">{{ __('Both fields are required.') }}</div>
        </div>
    </div>
</div>

@endsection