{!! Form::open(['route' => 'admin::translations::import::run', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) !!}

<div class='form-group'>
    <div class="input-group col-sm-10 col-sm-offset-2">
        <span class="input-group-btn">
            <span class="btn btn-primary btn-success btn-file">
                {{ trans('Translations::admin/import.form.labels.file') }}
                {!! Form::file('file') !!}
            </span>
        </span>
        {!! Form::text(null, null, ['class' => 'form-control', 'readonly' => '']) !!}
    </div>
</div>

<div class='form-group'>
    {!! Form::label('', trans('Translations::admin/import.form.labels.language'), ['class' => 'col-sm-2 control-label']) !!}
    <div class='col-sm-10'>
        {!! Form::select('language', $languages->pluck('name','id'), null, ['class' => 'form-control']) !!}
    </div>
</div>

<div class='form-group'>
    {!! Form::label('', trans('Translations::admin/import.form.labels.areas'), ['class' => 'col-sm-2 control-label']) !!}
    <div class="col-sm-10">
        <div class='checkbox clip-check check-success col-sm-12'>
            {!! Form::checkbox('select_all', 1, null, ['id' => 'select_all']) !!}
            {!! Form::label('select_all', trans('Translations::admin/import.form.labels.select_all')) !!}
        </div>
        @foreach ($areasList as $area => $areaData)
            <div class='checkbox clip-check check-success col-sm-12'>
                {!! Form::checkbox($area, 1, null, ['id' => $area]) !!}
                {!! Form::label($area, $areaData['translation'] ?? $area) !!}
            </div>
        @endforeach
    </div>
</div>

<div class="form-group margin-bottom-0">
    <div class="col-xs-12 text-right">
        {!! Form::submit(trans('Translations::admin/import.run'), ['class' => 'btn btn-success', 'id' => 'import_translations_submit']) !!}
    </div>
</div>
{!! Form::close() !!}

@push('footScripts')
<script>
    $('#select_all').change(function () {
        var checkboxes = $(this).closest('form').find(':checkbox').not($(this));
        checkboxes.prop('checked', $(this).is(':checked'));
    });
</script>
@endpush