{!! Form::open(['route' => 'admin::translations::export::run', 'class' => 'form-horizontal']) !!}

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

<div class='form-group'>
    <div class="col-sm-2">
        {!! Form::label('', trans('Translations::admin/export.form.labels.areas'), ['class' => 'control-label']) !!}
    </div>
    <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/export.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/export.run'), ['class' => 'btn btn-success', 'id' => 'export_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